<template>
  <div class="main-404">
    <div id="wrapper">
      <div id="totoro">
        <div id="totoro_top" />
        <div id="totoro_face">
          <div class="ear left" />
          <div class="ear right" />
          <div class="eye left_eye" />
          <div class="eye right_eye" />
          <div class="nose" />
          <div class="mouth" />
          <div class="beard_left">
            <div class="beard bread_1" />
            <div class="beard bread_2" />
            <div class="beard bread_3" />
          </div>
          <div class="beard_right">
            <div class="beard bread_1" />
            <div class="beard bread_2" />
            <div class="beard bread_3" />
          </div>
        </div>
        <div id="totoro_bottom">
          <div class="stomach">
            <div v-for="i in 6" :key="i" class="pattern" />
          </div>
        </div>
        <div id="totoro_arms">
          <div class="arm arm_left" />
          <div class="arm arm_right" />
        </div>
        <div id="totoro_foot">
          <div class="foot foot_left" />
          <div class="foot foot_right" />
        </div>
        <div class="umbrella">
          <div class="inner">
            <div class="top">
              <div class="back" />
              <div v-for="i in 3" :key="i" class="part" />
            </div>
            <div class="handle" />
          </div>
        </div>
      </div>
      <div id="electric_light">
        <div class="pillar" />
      </div>
      <div id="bus_stop">
        <div id="circle">
          <p>页面404</p>
          <div id="place">
            <nuxt-link :to="backTo">{{ backTitle }}</nuxt-link>
          </div>
        </div>
        <div id="hilt" />
        <div id="stand" />
      </div>
    </div>
    <div class="rain">
      <div v-for="i in 500" :key="i" class="drops">
        <div class="drop" />
      </div>
    </div>
    <div class="rain_heavy">
      <div v-for="i in 500" :key="i" class="drops">
        <div class="drop" />
      </div>
    </div>
    <div id="ground">
      <div class="totoro_shadow">
        <div class="inner" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NotFound',
  data() {
    return {
      backTo: {
        name: 'index'
      },
      backTitle: 'not found'
    }
  },
  head() {
    return {
      title: '404',
      meta: [
        {
          name: 'description',
          content: 'not found'
        }
      ]
    }
  }
}
</script>

<style scoped>
  .main-404 {
    background-color: #081012;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
  }

  #wrapper {
    width: 800px;
    height: 350px;
    margin: 100px auto 0 auto;
    position: relative;
  }

  #totoro {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    padding-top: 83px;
  }

  #electric_light {
    position: absolute;
    top: -280px;
    left: 0;
    perspective: 300px;
  }

  #electric_light .pillar {
    height: 440px;
    width: 50px;
    opacity: 0.5;
    background-color: #F7E485;
    transform: rotateX(30deg);
    box-shadow: 0 0 50px 30px #F7E485;
  }

  #bus_stop {
    position: absolute;
    width: 80px;
    height: 250px;
    top: 95px;
    left: -10px;
  }

  #bus_stop #circle {
    position: relative;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    background: linear-gradient(#88849b, #737277);
    overflow: hidden;
    border-top: solid 1px #d8cac1;
  }

  #bus_stop #circle p {
    color: #e2ddd9;
    position: absolute;
    top: -2px;
    left: 15px;
    font-size: 12px;
  }

  #bus_stop #circle #place {
    margin-top: 29px;
    width: 80px;
    height: 25px;
    background-color: #d1d1cf;
    background: linear-gradient(#d1d1cf, #c7c7c3);
    text-align: center;
    color: #605f64;
    padding-top: 1px;
  }

  #bus_stop #hilt {
    height: 150px;
    width: 3px;
    background-color: #9fa4a0;
    margin-left: 39px;
    position: relative;
  }

  #bus_stop #hilt:after {
    content: '';
    display: block;
    width: 30px;
    height: 50px;
    border-radius: 10%;
    left: -13px;
    top: 25px;
    position: absolute;
    border-top: solid 1px #d8cac1;
    background-color: #9fa4a0;
  }

  #bus_stop #stand {
    height: 30px;
    width: 75px;
    background: linear-gradient(#9fa4a0, #514c49);
    margin-left: 4px;
    border-top: solid 1px #d8cac1;
  }

  #totoro_top {
    background-color: #4e4c3f;
    width: 160px;
    height: 200px;
    margin: 0 auto;
    border-radius: 45%;
    position: relative;
    overflow: hidden;
  }

  #totoro_top:after {
    content: '';
    background-color: #888679;
    width: 160px;
    height: 160px;
    border-radius: 45%;
    position: absolute;
    top: 53px;
    left: -100px;
  }

  #totoro_face {
    width: 160px;
    height: 200px;
    margin: 150px auto 0;
    border-radius: 45%;
    position: absolute;
    top: -70px;
    left: 70px;
  }

  #totoro_bottom {
    background-color: #4e4c3f;
    width: 210px;
    height: 210px;
    margin: -143px auto 0;
    border-radius: 48%;
    position: relative;
    z-index: 10;
    animation: respiration 2000ms ease-in-out infinite alternate;
    overflow: hidden;
  }

  #totoro_bottom:after {
    content: '';
    width: 180px;
    height: 190px;
    background-color: #888679;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: -50px;
  }

  .ear {
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 35px solid #4e4c3f;
    border-left: 13px solid transparent;
    z-index: 30;
    position: absolute;
    top: -74px;
  }

  .ear:after {
    content: '';
    width: 5px;
    height: 15px;
    background-color: #4e4c3f;
    position: absolute;
    top: 34px;
    left: -2px;
  }

  .left {
    left: 23px;
    transform: rotate(-15deg);
  }

  .right {
    right: 25px;
    transform: rotate(15deg);
  }

  .eye {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    z-index: 100;
    top: 20px;
    animation: eye_big 5000ms linear infinite alternate;
  }

  .eye:before {
    content: '';
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 7px;
    left: 9px;
    opacity: 0.6;
    z-index: 300;
    animation: light 5000ms linear infinite alternate;
  }

  @keyframes eye_big {
    0% {
      transform: scale(1);
    }

    70% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.2);
    }
  }

  @keyframes light {
    0% {
      width: 0;
      height: 0;
    }

    70% {
      width: 0;
      height: 0;
    }

    100% {
      width: 5px;
      height: 5px;
    }
  }

  .eye:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    top: 6px;
    left: 6px;
    animation: pupil 5000ms linear infinite alternate;
  }

  @keyframes pupil {
    from {
      transform: scale(1);
    }

    to {
      transform: scale(1.2);
    }
  }

  .left_eye {
    left: 33px;
  }

  .right_eye {
    right: 33px;
  }

  .nose {
    width: 20px;
    height: 10px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    top: 30px;
    left: 70px;
    z-index: 100;
  }

  .mouth {
    width: 98px;
    height: 25px;
    border-radius: 50%;
    border-bottom: solid 1px #333333;
    position: absolute;
    z-index: 200;
    top: 52px;
    background-color: #ffffff;
    left: 32px;
    animation: smile 5000ms 2000ms linear infinite alternate;
  }

  .mouth:after {
    content: '';
    display: block;
    position: absolute;
    width: 98px;
    height: 15px;
    top: -5px;
    left: 2px;
    background-color: #4e4c3f;
    border-radius: 100%;
    z-index: 5;
    animation: smile2 5000ms 2000ms linear infinite alternate;
  }

  @keyframes smile {
    0% {
      width: 12px;
      height: 10px;
      left: 75px;
      border-radius: 2%;
    }

    50% {
      width: 12px;
      height: 10px;
      left: 75px;
      border-radius: 2%;
    }

    70% {
      width: 98px;
      height: 25px;
      top: 50px;
      left: 32px;
      border-radius: 100%;
      border-bottom: solid 1px #292a1c;
    }

    100% {
      width: 98px;
      height: 25px;
      top: 50px;
      left: 32px;
      border-radius: 100%;
      border-bottom: solid 1px #292a1c;
    }
  }

  @keyframes smile2 {
    0% {
      width: 16px;
      height: 12px;
      left: -3px;
      top: -2px;
      border-radius: 2%;
    }

    50% {
      width: 16px;
      height: 12px;
      top: -2px;
      left: -3px;
      border-radius: 2%;
    }

    70% {
      width: 93px;
      height: 15px;
      top: -5px;
      left: 3px;
    }

    100% {
      width: 93px;
      height: 15px;
      top: -5px;
      left: 3px;
    }
  }

  .beard {
    width: 60px;
    height: 3px;
    position: absolute;
    border-top: solid 2px #333333;
    top: 50px;
    left: -25px;
    z-index: 300;
    border-radius: 50%;
  }

  .bread_1 {
    transform: rotate(15deg);
    transform-origin: right bottom;
    top: 45px;
  }

  .bread_3 {
    transform: rotate(-15deg);
    transform-origin: right bottom;
    top: 55px;
  }

  .beard_right {
    position: absolute;
    right: 5px;
  }

  .beard_right .bread_1 {
    transform: rotate(-15deg);
    transform-origin: left bottom;
  }

  .beard_right .bread_3 {
    transform: rotate(15deg);
    transform-origin: left bottom;
  }

  .stomach {
    position: absolute;
    top: 30px;
    left: 24px;
    width: 160px;
    height: 160px;
    background-color: #bfad83;
    border-radius: 45% 45% 45% 45%;
    z-index: 10;
    overflow: hidden;
  }

  .stomach:after {
    content: '';
    position: absolute;
    top: -50px;
    left: -150px;
    width: 240px;
    height: 240px;
    background-color: #ffffff;
    border-radius: 45% 45% 45% 45%;
    z-index: 5;
    opacity: 0.3;
  }

  @keyframes respiration {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.05);
    }
  }

  .pattern {
    width: 10px;
    height: 10px;
    border-top: solid 5px #4e4c3f;
    border-left: solid 5px #4e4c3f;
    border-bottom: solid 5px #bfad83;
    border-right: solid 5px #bfad83;
    position: absolute;
    top: 25px;
    left: 30px;
    transform: rotate(45deg);
  }

  .pattern:nth-child(2) {
    left: 70px;
    top: 20px;
  }

  .pattern:nth-child(3) {
    left: 110px;
  }

  .pattern:nth-child(4) {
    top: 50px;
    left: 30px;
  }

  .pattern:nth-child(5) {
    top: 50px;
    left: 70px;
  }

  .pattern:nth-child(6) {
    top: 50px;
    left: 110px;
  }

  #totoro_arms {
    overflow: hidden;
  }

  #totoro_arms .arm {
    background-color: #4e4c3f;
    width: 100px;
    height: 140px;
    position: absolute;
    top: 175px;
    left: 35px;
    border-radius: 50%;
  }

  #totoro_arms .arm_left {
    transform: rotate(10deg);
    transform-origin: right top;
    background-color: #888679;
    z-index: 1;
  }

  #totoro_arms .arm_right {
    width: 50px;
    height: 100px;
    transform: rotate(-60deg);
    transform-origin: left top;
    top: 200px;
    left: 145px;
    z-index: 300;
    border-radius: 50% 50% 50% 0;
  }

  #totoro_foot {
    width: 200px;
    margin: 0 auto;
    position: relative;
  }

  #totoro_foot .foot {
    background: linear-gradient(#4e4c3f 55%, transparent 55%);
    width: 50px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
  }

  #totoro_foot .foot_left {
    top: -10px;
    left: 40px;
  }

  #totoro_foot .foot_right {
    top: -10px;
    left: 115px;
  }

  .umbrella {
    position: absolute;
    top: -10px;
    left: 60px;
  }

  .umbrella .inner {
    position: relative;
    width: 200px;
    margin: 0 auto;
  }

  .umbrella .inner .back {
    width: 300px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -16px;
    left: -50px;
    background: #06171e;
    background: linear-gradient(transparent 78%, #081012 35%);
  }

  .umbrella .inner .top {
    width: 200px;
    height: 130px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 -10px 20px -3px rgba(255, 255, 255, 0.5);
    background: linear-gradient(#4e567b 55%, transparent 55%);
  }

  .umbrella .inner .top:after {
    content: '';
    width: 200px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: 61px;
    top: -9px;
    background: linear-gradient(#12293b 70%, transparent 55%);
  }

  .umbrella .inner .top .part {
    width: 67px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(#081012 55%, transparent 55%);
    position: absolute;
    top: 37px;
    z-index: 10;
  }

  .umbrella .inner .top .part:nth-child(2) {
    left: 67px;
  }

  .umbrella .inner .top .part:nth-child(3) {
    right: 0;
  }

  .umbrella .inner .handle {
    width: 3px;
    height: 150px;
    background-color: #3c3c43;
    position: absolute;
    top: 36.5px;
    left: 105px;
    z-index: 200;
  }

  .umbrella .inner .handle:after {
    content: '';
    width: 15px;
    height: 28px;
    border-style: none solid solid solid;
    border-width: 7px;
    border-color: #23251c;
    border-radius: 0 0 0 100%;
    position: absolute;
    top: 140px;
    left: -24px;
  }

  #ground {
    width: 100%;
    height: 500px;
    background: linear-gradient(to right, #1d2110 0%, #041c03 100%);
    overflow: hidden;
    position: relative;
    box-shadow: 0 -10px 25px -3px rgba(255, 255, 255, 0.4);
  }

  .totoro_shadow {
    width: 300px;
    margin: 0 auto;
    position: relative;
  }

  .totoro_shadow .inner {
    width: 300px;
    height: 30px;
    background-color: #050000;
    border-radius: 100%;
    position: absolute;
    left: 120px;
    top: -5px;
    transform: skewX(-100deg);
  }

  .rain .drops {
    position: absolute;
    width: 1px;
    height: 50px;
    background: #ffffff;
    opacity: 0.3;
    z-index: 1000;
  }

  .rain .drops:nth-child(1) {
    left: 25px;
    top: 31px;
    height: 22px;
    animation: fall 766ms linear infinite;
  }

  .rain .drops:nth-child(2) {
    left: 30px;
    top: -33px;
    height: 19px;
    animation: fall 923ms linear infinite;
  }

  .rain .drops:nth-child(3) {
    left: 35px;
    top: -33px;
    height: 52px;
    animation: fall 984ms linear infinite;
  }

  .rain .drops:nth-child(4) {
    left: 40px;
    top: -2px;
    height: 95px;
    animation: fall 620ms linear infinite;
  }

  .rain .drops:nth-child(5) {
    left: 45px;
    top: 25px;
    height: 57px;
    animation: fall 872ms linear infinite;
  }

  .rain .drops:nth-child(6) {
    left: 50px;
    top: -29px;
    height: 18px;
    animation: fall 853ms linear infinite;
  }

  .rain .drops:nth-child(7) {
    left: 55px;
    top: 23px;
    height: 37px;
    animation: fall 578ms linear infinite;
  }

  .rain .drops:nth-child(8) {
    left: 60px;
    top: -49px;
    height: 52px;
    animation: fall 945ms linear infinite;
  }

  .rain .drops:nth-child(9) {
    left: 65px;
    top: 5px;
    height: 36px;
    animation: fall 651ms linear infinite;
  }

  .rain .drops:nth-child(10) {
    left: 70px;
    top: 50px;
    height: 83px;
    animation: fall 782ms linear infinite;
  }

  .rain .drops:nth-child(11) {
    left: 75px;
    top: -1px;
    height: 32px;
    animation: fall 834ms linear infinite;
  }

  .rain .drops:nth-child(12) {
    left: 80px;
    top: -42px;
    height: 100px;
    animation: fall 856ms linear infinite;
  }

  .rain .drops:nth-child(13) {
    left: 85px;
    top: -34px;
    height: 15px;
    animation: fall 563ms linear infinite;
  }

  .rain .drops:nth-child(14) {
    left: 90px;
    top: 33px;
    height: 46px;
    animation: fall 686ms linear infinite;
  }

  .rain .drops:nth-child(15) {
    left: 95px;
    top: -5px;
    height: 23px;
    animation: fall 977ms linear infinite;
  }

  .rain .drops:nth-child(16) {
    left: 100px;
    top: -21px;
    height: 48px;
    animation: fall 673ms linear infinite;
  }

  .rain .drops:nth-child(17) {
    left: 105px;
    top: -44px;
    height: 107px;
    animation: fall 506ms linear infinite;
  }

  .rain .drops:nth-child(18) {
    left: 110px;
    top: -32px;
    height: 85px;
    animation: fall 531ms linear infinite;
  }

  .rain .drops:nth-child(19) {
    left: 115px;
    top: -31px;
    height: 35px;
    animation: fall 650ms linear infinite;
  }

  .rain .drops:nth-child(20) {
    left: 120px;
    top: 9px;
    height: 81px;
    animation: fall 797ms linear infinite;
  }

  .rain .drops:nth-child(21) {
    left: 125px;
    top: -5px;
    height: 27px;
    animation: fall 704ms linear infinite;
  }

  .rain .drops:nth-child(22) {
    left: 130px;
    top: 40px;
    height: 24px;
    animation: fall 944ms linear infinite;
  }

  .rain .drops:nth-child(23) {
    left: 135px;
    top: -31px;
    height: 110px;
    animation: fall 881ms linear infinite;
  }

  .rain .drops:nth-child(24) {
    left: 140px;
    top: 17px;
    height: 46px;
    animation: fall 868ms linear infinite;
  }

  .rain .drops:nth-child(25) {
    left: 145px;
    top: -19px;
    height: 24px;
    animation: fall 600ms linear infinite;
  }

  .rain .drops:nth-child(26) {
    left: 150px;
    top: -18px;
    height: 100px;
    animation: fall 940ms linear infinite;
  }

  .rain .drops:nth-child(27) {
    left: 155px;
    top: 14px;
    height: 68px;
    animation: fall 656ms linear infinite;
  }

  .rain .drops:nth-child(28) {
    left: 160px;
    top: -14px;
    height: 96px;
    animation: fall 779ms linear infinite;
  }

  .rain .drops:nth-child(29) {
    left: 165px;
    top: 49px;
    height: 15px;
    animation: fall 630ms linear infinite;
  }

  .rain .drops:nth-child(30) {
    left: 170px;
    top: 44px;
    height: 34px;
    animation: fall 758ms linear infinite;
  }

  .rain .drops:nth-child(31) {
    left: 175px;
    top: -5px;
    height: 44px;
    animation: fall 632ms linear infinite;
  }

  .rain .drops:nth-child(32) {
    left: 180px;
    top: -30px;
    height: 77px;
    animation: fall 584ms linear infinite;
  }

  .rain .drops:nth-child(33) {
    left: 185px;
    top: -36px;
    height: 83px;
    animation: fall 742ms linear infinite;
  }

  .rain .drops:nth-child(34) {
    left: 190px;
    top: -5px;
    height: 53px;
    animation: fall 746ms linear infinite;
  }

  .rain .drops:nth-child(35) {
    left: 195px;
    top: -20px;
    height: 86px;
    animation: fall 800ms linear infinite;
  }

  .rain .drops:nth-child(36) {
    left: 200px;
    top: -17px;
    height: 84px;
    animation: fall 623ms linear infinite;
  }

  .rain .drops:nth-child(37) {
    left: 205px;
    top: 17px;
    height: 14px;
    animation: fall 934ms linear infinite;
  }

  .rain .drops:nth-child(38) {
    left: 210px;
    top: -39px;
    height: 50px;
    animation: fall 793ms linear infinite;
  }

  .rain .drops:nth-child(39) {
    left: 215px;
    top: 11px;
    height: 37px;
    animation: fall 705ms linear infinite;
  }

  .rain .drops:nth-child(40) {
    left: 220px;
    top: -25px;
    height: 15px;
    animation: fall 713ms linear infinite;
  }

  .rain .drops:nth-child(41) {
    left: 225px;
    top: 4px;
    height: 29px;
    animation: fall 976ms linear infinite;
  }

  .rain .drops:nth-child(42) {
    left: 230px;
    top: 4px;
    height: 80px;
    animation: fall 520ms linear infinite;
  }

  .rain .drops:nth-child(43) {
    left: 235px;
    top: -45px;
    height: 106px;
    animation: fall 787ms linear infinite;
  }

  .rain .drops:nth-child(44) {
    left: 240px;
    top: 34px;
    height: 62px;
    animation: fall 933ms linear infinite;
  }

  .rain .drops:nth-child(45) {
    left: 245px;
    top: 5px;
    height: 52px;
    animation: fall 670ms linear infinite;
  }

  .rain .drops:nth-child(46) {
    left: 250px;
    top: -22px;
    height: 80px;
    animation: fall 578ms linear infinite;
  }

  .rain .drops:nth-child(47) {
    left: 255px;
    top: 0px;
    height: 63px;
    animation: fall 523ms linear infinite;
  }

  .rain .drops:nth-child(48) {
    left: 260px;
    top: 4px;
    height: 14px;
    animation: fall 752ms linear infinite;
  }

  .rain .drops:nth-child(49) {
    left: 265px;
    top: -27px;
    height: 17px;
    animation: fall 636ms linear infinite;
  }

  .rain .drops:nth-child(50) {
    left: 270px;
    top: -44px;
    height: 93px;
    animation: fall 814ms linear infinite;
  }

  .rain .drops:nth-child(51) {
    left: 275px;
    top: 48px;
    height: 64px;
    animation: fall 770ms linear infinite;
  }

  .rain .drops:nth-child(52) {
    left: 280px;
    top: -44px;
    height: 49px;
    animation: fall 741ms linear infinite;
  }

  .rain .drops:nth-child(53) {
    left: 285px;
    top: -29px;
    height: 19px;
    animation: fall 581ms linear infinite;
  }

  .rain .drops:nth-child(54) {
    left: 290px;
    top: -29px;
    height: 30px;
    animation: fall 759ms linear infinite;
  }

  .rain .drops:nth-child(55) {
    left: 295px;
    top: 28px;
    height: 66px;
    animation: fall 823ms linear infinite;
  }

  .rain .drops:nth-child(56) {
    left: 300px;
    top: 32px;
    height: 102px;
    animation: fall 790ms linear infinite;
  }

  .rain .drops:nth-child(57) {
    left: 305px;
    top: -9px;
    height: 31px;
    animation: fall 519ms linear infinite;
  }

  .rain .drops:nth-child(58) {
    left: 310px;
    top: -39px;
    height: 16px;
    animation: fall 771ms linear infinite;
  }

  .rain .drops:nth-child(59) {
    left: 315px;
    top: 42px;
    height: 25px;
    animation: fall 516ms linear infinite;
  }

  .rain .drops:nth-child(60) {
    left: 320px;
    top: -17px;
    height: 16px;
    animation: fall 681ms linear infinite;
  }

  .rain .drops:nth-child(61) {
    left: 325px;
    top: 31px;
    height: 56px;
    animation: fall 712ms linear infinite;
  }

  .rain .drops:nth-child(62) {
    left: 330px;
    top: -16px;
    height: 85px;
    animation: fall 676ms linear infinite;
  }

  .rain .drops:nth-child(63) {
    left: 335px;
    top: -47px;
    height: 20px;
    animation: fall 620ms linear infinite;
  }

  .rain .drops:nth-child(64) {
    left: 340px;
    top: -8px;
    height: 80px;
    animation: fall 505ms linear infinite;
  }

  .rain .drops:nth-child(65) {
    left: 345px;
    top: 21px;
    height: 96px;
    animation: fall 639ms linear infinite;
  }

  .rain .drops:nth-child(66) {
    left: 350px;
    top: 33px;
    height: 106px;
    animation: fall 995ms linear infinite;
  }

  .rain .drops:nth-child(67) {
    left: 355px;
    top: 35px;
    height: 27px;
    animation: fall 678ms linear infinite;
  }

  .rain .drops:nth-child(68) {
    left: 360px;
    top: 1px;
    height: 15px;
    animation: fall 829ms linear infinite;
  }

  .rain .drops:nth-child(69) {
    left: 365px;
    top: -26px;
    height: 100px;
    animation: fall 923ms linear infinite;
  }

  .rain .drops:nth-child(70) {
    left: 370px;
    top: -26px;
    height: 102px;
    animation: fall 621ms linear infinite;
  }

  .rain .drops:nth-child(71) {
    left: 375px;
    top: 39px;
    height: 91px;
    animation: fall 983ms linear infinite;
  }

  .rain .drops:nth-child(72) {
    left: 380px;
    top: 5px;
    height: 62px;
    animation: fall 974ms linear infinite;
  }

  .rain .drops:nth-child(73) {
    left: 385px;
    top: -36px;
    height: 60px;
    animation: fall 619ms linear infinite;
  }

  .rain .drops:nth-child(74) {
    left: 390px;
    top: 3px;
    height: 110px;
    animation: fall 666ms linear infinite;
  }

  .rain .drops:nth-child(75) {
    left: 395px;
    top: -41px;
    height: 19px;
    animation: fall 655ms linear infinite;
  }

  .rain .drops:nth-child(76) {
    left: 400px;
    top: -46px;
    height: 33px;
    animation: fall 550ms linear infinite;
  }

  .rain .drops:nth-child(77) {
    left: 405px;
    top: -38px;
    height: 110px;
    animation: fall 965ms linear infinite;
  }

  .rain .drops:nth-child(78) {
    left: 410px;
    top: 6px;
    height: 46px;
    animation: fall 655ms linear infinite;
  }

  .rain .drops:nth-child(79) {
    left: 415px;
    top: -10px;
    height: 32px;
    animation: fall 806ms linear infinite;
  }

  .rain .drops:nth-child(80) {
    left: 420px;
    top: -45px;
    height: 93px;
    animation: fall 830ms linear infinite;
  }

  .rain .drops:nth-child(81) {
    left: 425px;
    top: -26px;
    height: 32px;
    animation: fall 713ms linear infinite;
  }

  .rain .drops:nth-child(82) {
    left: 430px;
    top: -28px;
    height: 107px;
    animation: fall 757ms linear infinite;
  }

  .rain .drops:nth-child(83) {
    left: 435px;
    top: -39px;
    height: 30px;
    animation: fall 725ms linear infinite;
  }

  .rain .drops:nth-child(84) {
    left: 440px;
    top: 26px;
    height: 57px;
    animation: fall 578ms linear infinite;
  }

  .rain .drops:nth-child(85) {
    left: 445px;
    top: 43px;
    height: 84px;
    animation: fall 580ms linear infinite;
  }

  .rain .drops:nth-child(86) {
    left: 450px;
    top: 43px;
    height: 109px;
    animation: fall 774ms linear infinite;
  }

  .rain .drops:nth-child(87) {
    left: 455px;
    top: 5px;
    height: 41px;
    animation: fall 631ms linear infinite;
  }

  .rain .drops:nth-child(88) {
    left: 460px;
    top: 19px;
    height: 18px;
    animation: fall 593ms linear infinite;
  }

  .rain .drops:nth-child(89) {
    left: 465px;
    top: -20px;
    height: 64px;
    animation: fall 618ms linear infinite;
  }

  .rain .drops:nth-child(90) {
    left: 470px;
    top: -6px;
    height: 49px;
    animation: fall 722ms linear infinite;
  }

  .rain .drops:nth-child(91) {
    left: 475px;
    top: -8px;
    height: 76px;
    animation: fall 784ms linear infinite;
  }

  .rain .drops:nth-child(92) {
    left: 480px;
    top: 8px;
    height: 69px;
    animation: fall 805ms linear infinite;
  }

  .rain .drops:nth-child(93) {
    left: 485px;
    top: 44px;
    height: 36px;
    animation: fall 531ms linear infinite;
  }

  .rain .drops:nth-child(94) {
    left: 490px;
    top: 50px;
    height: 64px;
    animation: fall 524ms linear infinite;
  }

  .rain .drops:nth-child(95) {
    left: 495px;
    top: -2px;
    height: 86px;
    animation: fall 931ms linear infinite;
  }

  .rain .drops:nth-child(96) {
    left: 500px;
    top: 28px;
    height: 100px;
    animation: fall 983ms linear infinite;
  }

  .rain .drops:nth-child(97) {
    left: 505px;
    top: -18px;
    height: 95px;
    animation: fall 653ms linear infinite;
  }

  .rain .drops:nth-child(98) {
    left: 510px;
    top: 0px;
    height: 46px;
    animation: fall 932ms linear infinite;
  }

  .rain .drops:nth-child(99) {
    left: 515px;
    top: -36px;
    height: 29px;
    animation: fall 880ms linear infinite;
  }

  .rain .drops:nth-child(100) {
    left: 520px;
    top: -19px;
    height: 103px;
    animation: fall 661ms linear infinite;
  }

  .rain .drops:nth-child(101) {
    left: 525px;
    top: 6px;
    height: 89px;
    animation: fall 610ms linear infinite;
  }

  .rain .drops:nth-child(102) {
    left: 530px;
    top: -28px;
    height: 60px;
    animation: fall 801ms linear infinite;
  }

  .rain .drops:nth-child(103) {
    left: 535px;
    top: 39px;
    height: 110px;
    animation: fall 722ms linear infinite;
  }

  .rain .drops:nth-child(104) {
    left: 540px;
    top: 7px;
    height: 70px;
    animation: fall 935ms linear infinite;
  }

  .rain .drops:nth-child(105) {
    left: 545px;
    top: 3px;
    height: 104px;
    animation: fall 640ms linear infinite;
  }

  .rain .drops:nth-child(106) {
    left: 550px;
    top: 46px;
    height: 106px;
    animation: fall 543ms linear infinite;
  }

  .rain .drops:nth-child(107) {
    left: 555px;
    top: 3px;
    height: 28px;
    animation: fall 593ms linear infinite;
  }

  .rain .drops:nth-child(108) {
    left: 560px;
    top: -43px;
    height: 37px;
    animation: fall 751ms linear infinite;
  }

  .rain .drops:nth-child(109) {
    left: 565px;
    top: 7px;
    height: 88px;
    animation: fall 884ms linear infinite;
  }

  .rain .drops:nth-child(110) {
    left: 570px;
    top: 40px;
    height: 49px;
    animation: fall 811ms linear infinite;
  }

  .rain .drops:nth-child(111) {
    left: 575px;
    top: 15px;
    height: 92px;
    animation: fall 585ms linear infinite;
  }

  .rain .drops:nth-child(112) {
    left: 580px;
    top: -46px;
    height: 40px;
    animation: fall 577ms linear infinite;
  }

  .rain .drops:nth-child(113) {
    left: 585px;
    top: 38px;
    height: 59px;
    animation: fall 694ms linear infinite;
  }

  .rain .drops:nth-child(114) {
    left: 590px;
    top: -11px;
    height: 72px;
    animation: fall 928ms linear infinite;
  }

  .rain .drops:nth-child(115) {
    left: 595px;
    top: -2px;
    height: 98px;
    animation: fall 745ms linear infinite;
  }

  .rain .drops:nth-child(116) {
    left: 600px;
    top: 29px;
    height: 54px;
    animation: fall 836ms linear infinite;
  }

  .rain .drops:nth-child(117) {
    left: 605px;
    top: -31px;
    height: 98px;
    animation: fall 982ms linear infinite;
  }

  .rain .drops:nth-child(118) {
    left: 610px;
    top: -22px;
    height: 45px;
    animation: fall 664ms linear infinite;
  }

  .rain .drops:nth-child(119) {
    left: 615px;
    top: -45px;
    height: 33px;
    animation: fall 937ms linear infinite;
  }

  .rain .drops:nth-child(120) {
    left: 620px;
    top: -43px;
    height: 16px;
    animation: fall 943ms linear infinite;
  }

  .rain .drops:nth-child(121) {
    left: 625px;
    top: 20px;
    height: 54px;
    animation: fall 508ms linear infinite;
  }

  .rain .drops:nth-child(122) {
    left: 630px;
    top: 5px;
    height: 85px;
    animation: fall 623ms linear infinite;
  }

  .rain .drops:nth-child(123) {
    left: 635px;
    top: -38px;
    height: 39px;
    animation: fall 988ms linear infinite;
  }

  .rain .drops:nth-child(124) {
    left: 640px;
    top: 15px;
    height: 15px;
    animation: fall 786ms linear infinite;
  }

  .rain .drops:nth-child(125) {
    left: 645px;
    top: 2px;
    height: 93px;
    animation: fall 960ms linear infinite;
  }

  .rain .drops:nth-child(126) {
    left: 650px;
    top: -42px;
    height: 81px;
    animation: fall 790ms linear infinite;
  }

  .rain .drops:nth-child(127) {
    left: 655px;
    top: -40px;
    height: 107px;
    animation: fall 546ms linear infinite;
  }

  .rain .drops:nth-child(128) {
    left: 660px;
    top: -9px;
    height: 92px;
    animation: fall 633ms linear infinite;
  }

  .rain .drops:nth-child(129) {
    left: 665px;
    top: 37px;
    height: 25px;
    animation: fall 966ms linear infinite;
  }

  .rain .drops:nth-child(130) {
    left: 670px;
    top: 33px;
    height: 54px;
    animation: fall 860ms linear infinite;
  }

  .rain .drops:nth-child(131) {
    left: 675px;
    top: 1px;
    height: 59px;
    animation: fall 761ms linear infinite;
  }

  .rain .drops:nth-child(132) {
    left: 680px;
    top: 37px;
    height: 14px;
    animation: fall 715ms linear infinite;
  }

  .rain .drops:nth-child(133) {
    left: 685px;
    top: 27px;
    height: 46px;
    animation: fall 560ms linear infinite;
  }

  .rain .drops:nth-child(134) {
    left: 690px;
    top: -14px;
    height: 78px;
    animation: fall 699ms linear infinite;
  }

  .rain .drops:nth-child(135) {
    left: 695px;
    top: 37px;
    height: 108px;
    animation: fall 956ms linear infinite;
  }

  .rain .drops:nth-child(136) {
    left: 700px;
    top: 17px;
    height: 33px;
    animation: fall 986ms linear infinite;
  }

  .rain .drops:nth-child(137) {
    left: 705px;
    top: 29px;
    height: 11px;
    animation: fall 748ms linear infinite;
  }

  .rain .drops:nth-child(138) {
    left: 710px;
    top: 38px;
    height: 95px;
    animation: fall 598ms linear infinite;
  }

  .rain .drops:nth-child(139) {
    left: 715px;
    top: 35px;
    height: 44px;
    animation: fall 666ms linear infinite;
  }

  .rain .drops:nth-child(140) {
    left: 720px;
    top: 40px;
    height: 14px;
    animation: fall 949ms linear infinite;
  }

  .rain .drops:nth-child(141) {
    left: 725px;
    top: -30px;
    height: 99px;
    animation: fall 568ms linear infinite;
  }

  .rain .drops:nth-child(142) {
    left: 730px;
    top: -49px;
    height: 55px;
    animation: fall 890ms linear infinite;
  }

  .rain .drops:nth-child(143) {
    left: 735px;
    top: 24px;
    height: 55px;
    animation: fall 833ms linear infinite;
  }

  .rain .drops:nth-child(144) {
    left: 740px;
    top: 31px;
    height: 36px;
    animation: fall 541ms linear infinite;
  }

  .rain .drops:nth-child(145) {
    left: 745px;
    top: -30px;
    height: 61px;
    animation: fall 887ms linear infinite;
  }

  .rain .drops:nth-child(146) {
    left: 750px;
    top: 13px;
    height: 30px;
    animation: fall 507ms linear infinite;
  }

  .rain .drops:nth-child(147) {
    left: 755px;
    top: 36px;
    height: 85px;
    animation: fall 501ms linear infinite;
  }

  .rain .drops:nth-child(148) {
    left: 760px;
    top: 41px;
    height: 39px;
    animation: fall 988ms linear infinite;
  }

  .rain .drops:nth-child(149) {
    left: 765px;
    top: -30px;
    height: 23px;
    animation: fall 787ms linear infinite;
  }

  .rain .drops:nth-child(150) {
    left: 770px;
    top: -31px;
    height: 49px;
    animation: fall 778ms linear infinite;
  }

  .rain .drops:nth-child(151) {
    left: 775px;
    top: -14px;
    height: 36px;
    animation: fall 568ms linear infinite;
  }

  .rain .drops:nth-child(152) {
    left: 780px;
    top: 32px;
    height: 46px;
    animation: fall 736ms linear infinite;
  }

  .rain .drops:nth-child(153) {
    left: 785px;
    top: -27px;
    height: 61px;
    animation: fall 794ms linear infinite;
  }

  .rain .drops:nth-child(154) {
    left: 790px;
    top: 47px;
    height: 14px;
    animation: fall 712ms linear infinite;
  }

  .rain .drops:nth-child(155) {
    left: 795px;
    top: 28px;
    height: 97px;
    animation: fall 577ms linear infinite;
  }

  .rain .drops:nth-child(156) {
    left: 800px;
    top: 5px;
    height: 70px;
    animation: fall 846ms linear infinite;
  }

  .rain .drops:nth-child(157) {
    left: 805px;
    top: -39px;
    height: 43px;
    animation: fall 797ms linear infinite;
  }

  .rain .drops:nth-child(158) {
    left: 810px;
    top: 46px;
    height: 25px;
    animation: fall 999ms linear infinite;
  }

  .rain .drops:nth-child(159) {
    left: 815px;
    top: -41px;
    height: 94px;
    animation: fall 831ms linear infinite;
  }

  .rain .drops:nth-child(160) {
    left: 820px;
    top: 31px;
    height: 36px;
    animation: fall 885ms linear infinite;
  }

  .rain .drops:nth-child(161) {
    left: 825px;
    top: -29px;
    height: 101px;
    animation: fall 632ms linear infinite;
  }

  .rain .drops:nth-child(162) {
    left: 830px;
    top: -39px;
    height: 42px;
    animation: fall 782ms linear infinite;
  }

  .rain .drops:nth-child(163) {
    left: 835px;
    top: 10px;
    height: 93px;
    animation: fall 714ms linear infinite;
  }

  .rain .drops:nth-child(164) {
    left: 840px;
    top: -49px;
    height: 54px;
    animation: fall 884ms linear infinite;
  }

  .rain .drops:nth-child(165) {
    left: 845px;
    top: 34px;
    height: 49px;
    animation: fall 903ms linear infinite;
  }

  .rain .drops:nth-child(166) {
    left: 850px;
    top: -18px;
    height: 28px;
    animation: fall 825ms linear infinite;
  }

  .rain .drops:nth-child(167) {
    left: 855px;
    top: -26px;
    height: 102px;
    animation: fall 566ms linear infinite;
  }

  .rain .drops:nth-child(168) {
    left: 860px;
    top: 21px;
    height: 104px;
    animation: fall 856ms linear infinite;
  }

  .rain .drops:nth-child(169) {
    left: 865px;
    top: 49px;
    height: 93px;
    animation: fall 620ms linear infinite;
  }

  .rain .drops:nth-child(170) {
    left: 870px;
    top: -34px;
    height: 59px;
    animation: fall 613ms linear infinite;
  }

  .rain .drops:nth-child(171) {
    left: 875px;
    top: 14px;
    height: 41px;
    animation: fall 608ms linear infinite;
  }

  .rain .drops:nth-child(172) {
    left: 880px;
    top: 49px;
    height: 53px;
    animation: fall 951ms linear infinite;
  }

  .rain .drops:nth-child(173) {
    left: 885px;
    top: -21px;
    height: 94px;
    animation: fall 740ms linear infinite;
  }

  .rain .drops:nth-child(174) {
    left: 890px;
    top: 20px;
    height: 24px;
    animation: fall 892ms linear infinite;
  }

  .rain .drops:nth-child(175) {
    left: 895px;
    top: 48px;
    height: 65px;
    animation: fall 633ms linear infinite;
  }

  .rain .drops:nth-child(176) {
    left: 900px;
    top: -22px;
    height: 31px;
    animation: fall 916ms linear infinite;
  }

  .rain .drops:nth-child(177) {
    left: 905px;
    top: -23px;
    height: 32px;
    animation: fall 598ms linear infinite;
  }

  .rain .drops:nth-child(178) {
    left: 910px;
    top: 12px;
    height: 12px;
    animation: fall 955ms linear infinite;
  }

  .rain .drops:nth-child(179) {
    left: 915px;
    top: -15px;
    height: 68px;
    animation: fall 778ms linear infinite;
  }

  .rain .drops:nth-child(180) {
    left: 920px;
    top: -13px;
    height: 59px;
    animation: fall 550ms linear infinite;
  }

  .rain .drops:nth-child(181) {
    left: 925px;
    top: -20px;
    height: 84px;
    animation: fall 620ms linear infinite;
  }

  .rain .drops:nth-child(182) {
    left: 930px;
    top: -1px;
    height: 108px;
    animation: fall 920ms linear infinite;
  }

  .rain .drops:nth-child(183) {
    left: 935px;
    top: -28px;
    height: 21px;
    animation: fall 722ms linear infinite;
  }

  .rain .drops:nth-child(184) {
    left: 940px;
    top: 32px;
    height: 102px;
    animation: fall 946ms linear infinite;
  }

  .rain .drops:nth-child(185) {
    left: 945px;
    top: -42px;
    height: 99px;
    animation: fall 695ms linear infinite;
  }

  .rain .drops:nth-child(186) {
    left: 950px;
    top: -43px;
    height: 79px;
    animation: fall 733ms linear infinite;
  }

  .rain .drops:nth-child(187) {
    left: 955px;
    top: -40px;
    height: 72px;
    animation: fall 796ms linear infinite;
  }

  .rain .drops:nth-child(188) {
    left: 960px;
    top: 48px;
    height: 17px;
    animation: fall 599ms linear infinite;
  }

  .rain .drops:nth-child(189) {
    left: 965px;
    top: 24px;
    height: 95px;
    animation: fall 786ms linear infinite;
  }

  .rain .drops:nth-child(190) {
    left: 970px;
    top: 15px;
    height: 81px;
    animation: fall 536ms linear infinite;
  }

  .rain .drops:nth-child(191) {
    left: 975px;
    top: -27px;
    height: 70px;
    animation: fall 962ms linear infinite;
  }

  .rain .drops:nth-child(192) {
    left: 980px;
    top: 44px;
    height: 75px;
    animation: fall 877ms linear infinite;
  }

  .rain .drops:nth-child(193) {
    left: 985px;
    top: -24px;
    height: 68px;
    animation: fall 503ms linear infinite;
  }

  .rain .drops:nth-child(194) {
    left: 990px;
    top: 34px;
    height: 71px;
    animation: fall 694ms linear infinite;
  }

  .rain .drops:nth-child(195) {
    left: 995px;
    top: -1px;
    height: 27px;
    animation: fall 642ms linear infinite;
  }

  .rain .drops:nth-child(196) {
    left: 1000px;
    top: -21px;
    height: 49px;
    animation: fall 846ms linear infinite;
  }

  .rain .drops:nth-child(197) {
    left: 1005px;
    top: -9px;
    height: 32px;
    animation: fall 883ms linear infinite;
  }

  .rain .drops:nth-child(198) {
    left: 1010px;
    top: 18px;
    height: 40px;
    animation: fall 773ms linear infinite;
  }

  .rain .drops:nth-child(199) {
    left: 1015px;
    top: 36px;
    height: 73px;
    animation: fall 614ms linear infinite;
  }

  .rain .drops:nth-child(200) {
    left: 1020px;
    top: -21px;
    height: 105px;
    animation: fall 794ms linear infinite;
  }

  .rain .drops:nth-child(201) {
    left: 1025px;
    top: -16px;
    height: 28px;
    animation: fall 727ms linear infinite;
  }

  .rain .drops:nth-child(202) {
    left: 1030px;
    top: 35px;
    height: 64px;
    animation: fall 534ms linear infinite;
  }

  .rain .drops:nth-child(203) {
    left: 1035px;
    top: -15px;
    height: 83px;
    animation: fall 972ms linear infinite;
  }

  .rain .drops:nth-child(204) {
    left: 1040px;
    top: 25px;
    height: 98px;
    animation: fall 637ms linear infinite;
  }

  .rain .drops:nth-child(205) {
    left: 1045px;
    top: -7px;
    height: 26px;
    animation: fall 806ms linear infinite;
  }

  .rain .drops:nth-child(206) {
    left: 1050px;
    top: 26px;
    height: 80px;
    animation: fall 915ms linear infinite;
  }

  .rain .drops:nth-child(207) {
    left: 1055px;
    top: 22px;
    height: 26px;
    animation: fall 796ms linear infinite;
  }

  .rain .drops:nth-child(208) {
    left: 1060px;
    top: -3px;
    height: 102px;
    animation: fall 629ms linear infinite;
  }

  .rain .drops:nth-child(209) {
    left: 1065px;
    top: -44px;
    height: 14px;
    animation: fall 598ms linear infinite;
  }

  .rain .drops:nth-child(210) {
    left: 1070px;
    top: -21px;
    height: 22px;
    animation: fall 787ms linear infinite;
  }

  .rain .drops:nth-child(211) {
    left: 1075px;
    top: 6px;
    height: 101px;
    animation: fall 572ms linear infinite;
  }

  .rain .drops:nth-child(212) {
    left: 1080px;
    top: -23px;
    height: 31px;
    animation: fall 904ms linear infinite;
  }

  .rain .drops:nth-child(213) {
    left: 1085px;
    top: -40px;
    height: 86px;
    animation: fall 956ms linear infinite;
  }

  .rain .drops:nth-child(214) {
    left: 1090px;
    top: -46px;
    height: 14px;
    animation: fall 957ms linear infinite;
  }

  .rain .drops:nth-child(215) {
    left: 1095px;
    top: 29px;
    height: 79px;
    animation: fall 740ms linear infinite;
  }

  .rain .drops:nth-child(216) {
    left: 1100px;
    top: -25px;
    height: 101px;
    animation: fall 538ms linear infinite;
  }

  .rain .drops:nth-child(217) {
    left: 1105px;
    top: -27px;
    height: 23px;
    animation: fall 944ms linear infinite;
  }

  .rain .drops:nth-child(218) {
    left: 1110px;
    top: -48px;
    height: 11px;
    animation: fall 609ms linear infinite;
  }

  .rain .drops:nth-child(219) {
    left: 1115px;
    top: -10px;
    height: 50px;
    animation: fall 564ms linear infinite;
  }

  .rain .drops:nth-child(220) {
    left: 1120px;
    top: 28px;
    height: 103px;
    animation: fall 746ms linear infinite;
  }

  .rain .drops:nth-child(221) {
    left: 1125px;
    top: 42px;
    height: 101px;
    animation: fall 957ms linear infinite;
  }

  .rain .drops:nth-child(222) {
    left: 1130px;
    top: -16px;
    height: 32px;
    animation: fall 888ms linear infinite;
  }

  .rain .drops:nth-child(223) {
    left: 1135px;
    top: -49px;
    height: 71px;
    animation: fall 915ms linear infinite;
  }

  .rain .drops:nth-child(224) {
    left: 1140px;
    top: -47px;
    height: 70px;
    animation: fall 842ms linear infinite;
  }

  .rain .drops:nth-child(225) {
    left: 1145px;
    top: 38px;
    height: 14px;
    animation: fall 936ms linear infinite;
  }

  .rain .drops:nth-child(226) {
    left: 1150px;
    top: 39px;
    height: 90px;
    animation: fall 993ms linear infinite;
  }

  .rain .drops:nth-child(227) {
    left: 1155px;
    top: 10px;
    height: 70px;
    animation: fall 990ms linear infinite;
  }

  .rain .drops:nth-child(228) {
    left: 1160px;
    top: 27px;
    height: 17px;
    animation: fall 693ms linear infinite;
  }

  .rain .drops:nth-child(229) {
    left: 1165px;
    top: 34px;
    height: 86px;
    animation: fall 573ms linear infinite;
  }

  .rain .drops:nth-child(230) {
    left: 1170px;
    top: 32px;
    height: 51px;
    animation: fall 573ms linear infinite;
  }

  .rain .drops:nth-child(231) {
    left: 1175px;
    top: -39px;
    height: 32px;
    animation: fall 866ms linear infinite;
  }

  .rain .drops:nth-child(232) {
    left: 1180px;
    top: 39px;
    height: 60px;
    animation: fall 972ms linear infinite;
  }

  .rain .drops:nth-child(233) {
    left: 1185px;
    top: -48px;
    height: 58px;
    animation: fall 948ms linear infinite;
  }

  .rain .drops:nth-child(234) {
    left: 1190px;
    top: 42px;
    height: 41px;
    animation: fall 738ms linear infinite;
  }

  .rain .drops:nth-child(235) {
    left: 1195px;
    top: -24px;
    height: 67px;
    animation: fall 533ms linear infinite;
  }

  .rain .drops:nth-child(236) {
    left: 1200px;
    top: 17px;
    height: 73px;
    animation: fall 915ms linear infinite;
  }

  .rain .drops:nth-child(237) {
    left: 1205px;
    top: 14px;
    height: 104px;
    animation: fall 906ms linear infinite;
  }

  .rain .drops:nth-child(238) {
    left: 1210px;
    top: 4px;
    height: 86px;
    animation: fall 879ms linear infinite;
  }

  .rain .drops:nth-child(239) {
    left: 1215px;
    top: -48px;
    height: 41px;
    animation: fall 952ms linear infinite;
  }

  .rain .drops:nth-child(240) {
    left: 1220px;
    top: -2px;
    height: 58px;
    animation: fall 812ms linear infinite;
  }

  .rain .drops:nth-child(241) {
    left: 1225px;
    top: 44px;
    height: 82px;
    animation: fall 508ms linear infinite;
  }

  .rain .drops:nth-child(242) {
    left: 1230px;
    top: 16px;
    height: 76px;
    animation: fall 710ms linear infinite;
  }

  .rain .drops:nth-child(243) {
    left: 1235px;
    top: -15px;
    height: 60px;
    animation: fall 646ms linear infinite;
  }

  .rain .drops:nth-child(244) {
    left: 1240px;
    top: -20px;
    height: 95px;
    animation: fall 866ms linear infinite;
  }

  .rain .drops:nth-child(245) {
    left: 1245px;
    top: -49px;
    height: 18px;
    animation: fall 769ms linear infinite;
  }

  .rain .drops:nth-child(246) {
    left: 1250px;
    top: 42px;
    height: 46px;
    animation: fall 891ms linear infinite;
  }

  .rain .drops:nth-child(247) {
    left: 1255px;
    top: 32px;
    height: 63px;
    animation: fall 595ms linear infinite;
  }

  .rain .drops:nth-child(248) {
    left: 1260px;
    top: -11px;
    height: 94px;
    animation: fall 819ms linear infinite;
  }

  .rain .drops:nth-child(249) {
    left: 1265px;
    top: 4px;
    height: 41px;
    animation: fall 772ms linear infinite;
  }

  .rain .drops:nth-child(250) {
    left: 1270px;
    top: 28px;
    height: 54px;
    animation: fall 666ms linear infinite;
  }

  .rain .drops:nth-child(251) {
    left: 1275px;
    top: 8px;
    height: 28px;
    animation: fall 532ms linear infinite;
  }

  .rain .drops:nth-child(252) {
    left: 1280px;
    top: 11px;
    height: 37px;
    animation: fall 724ms linear infinite;
  }

  .rain .drops:nth-child(253) {
    left: 1285px;
    top: 23px;
    height: 89px;
    animation: fall 914ms linear infinite;
  }

  .rain .drops:nth-child(254) {
    left: 1290px;
    top: 40px;
    height: 79px;
    animation: fall 565ms linear infinite;
  }

  .rain .drops:nth-child(255) {
    left: 1295px;
    top: 22px;
    height: 33px;
    animation: fall 871ms linear infinite;
  }

  .rain .drops:nth-child(256) {
    left: 1300px;
    top: -19px;
    height: 24px;
    animation: fall 535ms linear infinite;
  }

  .rain .drops:nth-child(257) {
    left: 1305px;
    top: -2px;
    height: 110px;
    animation: fall 540ms linear infinite;
  }

  .rain .drops:nth-child(258) {
    left: 1310px;
    top: -46px;
    height: 62px;
    animation: fall 704ms linear infinite;
  }

  .rain .drops:nth-child(259) {
    left: 1315px;
    top: 49px;
    height: 12px;
    animation: fall 552ms linear infinite;
  }

  .rain .drops:nth-child(260) {
    left: 1320px;
    top: -12px;
    height: 63px;
    animation: fall 529ms linear infinite;
  }

  .rain .drops:nth-child(261) {
    left: 1325px;
    top: 19px;
    height: 87px;
    animation: fall 845ms linear infinite;
  }

  .rain .drops:nth-child(262) {
    left: 1330px;
    top: 41px;
    height: 96px;
    animation: fall 650ms linear infinite;
  }

  .rain .drops:nth-child(263) {
    left: 1335px;
    top: -33px;
    height: 92px;
    animation: fall 559ms linear infinite;
  }

  .rain .drops:nth-child(264) {
    left: 1340px;
    top: 34px;
    height: 27px;
    animation: fall 723ms linear infinite;
  }

  .rain .drops:nth-child(265) {
    left: 1345px;
    top: -21px;
    height: 35px;
    animation: fall 751ms linear infinite;
  }

  .rain .drops:nth-child(266) {
    left: 1350px;
    top: -12px;
    height: 92px;
    animation: fall 508ms linear infinite;
  }

  .rain .drops:nth-child(267) {
    left: 1355px;
    top: 19px;
    height: 46px;
    animation: fall 775ms linear infinite;
  }

  .rain .drops:nth-child(268) {
    left: 1360px;
    top: 42px;
    height: 46px;
    animation: fall 556ms linear infinite;
  }

  .rain .drops:nth-child(269) {
    left: 1365px;
    top: -31px;
    height: 45px;
    animation: fall 730ms linear infinite;
  }

  .rain .drops:nth-child(270) {
    left: 1370px;
    top: 24px;
    height: 11px;
    animation: fall 646ms linear infinite;
  }

  .rain .drops:nth-child(271) {
    left: 1375px;
    top: 37px;
    height: 61px;
    animation: fall 518ms linear infinite;
  }

  .rain .drops:nth-child(272) {
    left: 1380px;
    top: -36px;
    height: 54px;
    animation: fall 1000ms linear infinite;
  }

  .rain .drops:nth-child(273) {
    left: 1385px;
    top: 42px;
    height: 77px;
    animation: fall 704ms linear infinite;
  }

  .rain .drops:nth-child(274) {
    left: 1390px;
    top: 6px;
    height: 101px;
    animation: fall 629ms linear infinite;
  }

  .rain .drops:nth-child(275) {
    left: 1395px;
    top: -32px;
    height: 28px;
    animation: fall 884ms linear infinite;
  }

  .rain .drops:nth-child(276) {
    left: 1400px;
    top: -19px;
    height: 34px;
    animation: fall 620ms linear infinite;
  }

  .rain .drops:nth-child(277) {
    left: 1405px;
    top: -12px;
    height: 62px;
    animation: fall 539ms linear infinite;
  }

  .rain .drops:nth-child(278) {
    left: 1410px;
    top: -41px;
    height: 65px;
    animation: fall 594ms linear infinite;
  }

  .rain .drops:nth-child(279) {
    left: 1415px;
    top: -31px;
    height: 72px;
    animation: fall 921ms linear infinite;
  }

  .rain .drops:nth-child(280) {
    left: 1420px;
    top: 10px;
    height: 97px;
    animation: fall 861ms linear infinite;
  }

  .rain .drops:nth-child(281) {
    left: 1425px;
    top: -6px;
    height: 73px;
    animation: fall 502ms linear infinite;
  }

  .rain .drops:nth-child(282) {
    left: 1430px;
    top: -23px;
    height: 56px;
    animation: fall 512ms linear infinite;
  }

  .rain .drops:nth-child(283) {
    left: 1435px;
    top: 11px;
    height: 77px;
    animation: fall 907ms linear infinite;
  }

  .rain .drops:nth-child(284) {
    left: 1440px;
    top: 38px;
    height: 54px;
    animation: fall 581ms linear infinite;
  }

  .rain .drops:nth-child(285) {
    left: 1445px;
    top: -15px;
    height: 30px;
    animation: fall 953ms linear infinite;
  }

  .rain .drops:nth-child(286) {
    left: 1450px;
    top: -6px;
    height: 75px;
    animation: fall 743ms linear infinite;
  }

  .rain .drops:nth-child(287) {
    left: 1455px;
    top: -29px;
    height: 90px;
    animation: fall 880ms linear infinite;
  }

  .rain .drops:nth-child(288) {
    left: 1460px;
    top: -17px;
    height: 107px;
    animation: fall 530ms linear infinite;
  }

  .rain .drops:nth-child(289) {
    left: 1465px;
    top: -36px;
    height: 63px;
    animation: fall 609ms linear infinite;
  }

  .rain .drops:nth-child(290) {
    left: 1470px;
    top: -45px;
    height: 88px;
    animation: fall 608ms linear infinite;
  }

  .rain .drops:nth-child(291) {
    left: 1475px;
    top: 4px;
    height: 38px;
    animation: fall 912ms linear infinite;
  }

  .rain .drops:nth-child(292) {
    left: 1480px;
    top: -8px;
    height: 55px;
    animation: fall 594ms linear infinite;
  }

  .rain .drops:nth-child(293) {
    left: 1485px;
    top: -7px;
    height: 99px;
    animation: fall 655ms linear infinite;
  }

  .rain .drops:nth-child(294) {
    left: 1490px;
    top: -4px;
    height: 42px;
    animation: fall 998ms linear infinite;
  }

  .rain .drops:nth-child(295) {
    left: 1495px;
    top: 43px;
    height: 30px;
    animation: fall 852ms linear infinite;
  }

  .rain .drops:nth-child(296) {
    left: 1500px;
    top: 28px;
    height: 33px;
    animation: fall 777ms linear infinite;
  }

  .rain .drops:nth-child(297) {
    left: 1505px;
    top: -43px;
    height: 96px;
    animation: fall 967ms linear infinite;
  }

  .rain .drops:nth-child(298) {
    left: 1510px;
    top: -47px;
    height: 17px;
    animation: fall 512ms linear infinite;
  }

  .rain .drops:nth-child(299) {
    left: 1515px;
    top: -25px;
    height: 34px;
    animation: fall 946ms linear infinite;
  }

  .rain .drops:nth-child(300) {
    left: 1520px;
    top: 27px;
    height: 76px;
    animation: fall 806ms linear infinite;
  }

  .rain .drops:nth-child(301) {
    left: 1525px;
    top: 30px;
    height: 15px;
    animation: fall 911ms linear infinite;
  }

  .rain .drops:nth-child(302) {
    left: 1530px;
    top: -34px;
    height: 108px;
    animation: fall 785ms linear infinite;
  }

  .rain .drops:nth-child(303) {
    left: 1535px;
    top: -31px;
    height: 107px;
    animation: fall 537ms linear infinite;
  }

  .rain .drops:nth-child(304) {
    left: 1540px;
    top: 32px;
    height: 16px;
    animation: fall 923ms linear infinite;
  }

  .rain .drops:nth-child(305) {
    left: 1545px;
    top: 21px;
    height: 74px;
    animation: fall 863ms linear infinite;
  }

  .rain .drops:nth-child(306) {
    left: 1550px;
    top: -5px;
    height: 33px;
    animation: fall 595ms linear infinite;
  }

  .rain .drops:nth-child(307) {
    left: 1555px;
    top: -42px;
    height: 26px;
    animation: fall 958ms linear infinite;
  }

  .rain .drops:nth-child(308) {
    left: 1560px;
    top: 35px;
    height: 97px;
    animation: fall 833ms linear infinite;
  }

  .rain .drops:nth-child(309) {
    left: 1565px;
    top: 16px;
    height: 28px;
    animation: fall 614ms linear infinite;
  }

  .rain .drops:nth-child(310) {
    left: 1570px;
    top: 10px;
    height: 84px;
    animation: fall 511ms linear infinite;
  }

  .rain .drops:nth-child(311) {
    left: 1575px;
    top: 29px;
    height: 33px;
    animation: fall 632ms linear infinite;
  }

  .rain .drops:nth-child(312) {
    left: 1580px;
    top: -15px;
    height: 106px;
    animation: fall 784ms linear infinite;
  }

  .rain .drops:nth-child(313) {
    left: 1585px;
    top: -32px;
    height: 101px;
    animation: fall 530ms linear infinite;
  }

  .rain .drops:nth-child(314) {
    left: 1590px;
    top: -15px;
    height: 74px;
    animation: fall 580ms linear infinite;
  }

  .rain .drops:nth-child(315) {
    left: 1595px;
    top: 43px;
    height: 89px;
    animation: fall 609ms linear infinite;
  }

  .rain .drops:nth-child(316) {
    left: 1600px;
    top: -4px;
    height: 86px;
    animation: fall 805ms linear infinite;
  }

  .rain .drops:nth-child(317) {
    left: 1605px;
    top: 1px;
    height: 93px;
    animation: fall 995ms linear infinite;
  }

  .rain .drops:nth-child(318) {
    left: 1610px;
    top: 44px;
    height: 17px;
    animation: fall 557ms linear infinite;
  }

  .rain .drops:nth-child(319) {
    left: 1615px;
    top: -49px;
    height: 27px;
    animation: fall 833ms linear infinite;
  }

  .rain .drops:nth-child(320) {
    left: 1620px;
    top: 12px;
    height: 23px;
    animation: fall 925ms linear infinite;
  }

  .rain .drops:nth-child(321) {
    left: 1625px;
    top: 43px;
    height: 33px;
    animation: fall 880ms linear infinite;
  }

  .rain .drops:nth-child(322) {
    left: 1630px;
    top: 22px;
    height: 106px;
    animation: fall 814ms linear infinite;
  }

  .rain .drops:nth-child(323) {
    left: 1635px;
    top: 39px;
    height: 78px;
    animation: fall 699ms linear infinite;
  }

  .rain .drops:nth-child(324) {
    left: 1640px;
    top: 39px;
    height: 54px;
    animation: fall 614ms linear infinite;
  }

  .rain .drops:nth-child(325) {
    left: 1645px;
    top: 15px;
    height: 81px;
    animation: fall 754ms linear infinite;
  }

  .rain .drops:nth-child(326) {
    left: 1650px;
    top: -32px;
    height: 61px;
    animation: fall 938ms linear infinite;
  }

  .rain .drops:nth-child(327) {
    left: 1655px;
    top: -11px;
    height: 31px;
    animation: fall 841ms linear infinite;
  }

  .rain .drops:nth-child(328) {
    left: 1660px;
    top: -10px;
    height: 46px;
    animation: fall 987ms linear infinite;
  }

  .rain .drops:nth-child(329) {
    left: 1665px;
    top: -3px;
    height: 20px;
    animation: fall 854ms linear infinite;
  }

  .rain .drops:nth-child(330) {
    left: 1670px;
    top: -14px;
    height: 82px;
    animation: fall 824ms linear infinite;
  }

  .rain .drops:nth-child(331) {
    left: 1675px;
    top: -2px;
    height: 86px;
    animation: fall 689ms linear infinite;
  }

  .rain .drops:nth-child(332) {
    left: 1680px;
    top: 18px;
    height: 25px;
    animation: fall 818ms linear infinite;
  }

  .rain .drops:nth-child(333) {
    left: 1685px;
    top: -9px;
    height: 67px;
    animation: fall 546ms linear infinite;
  }

  .rain .drops:nth-child(334) {
    left: 1690px;
    top: 35px;
    height: 43px;
    animation: fall 587ms linear infinite;
  }

  .rain .drops:nth-child(335) {
    left: 1695px;
    top: -24px;
    height: 87px;
    animation: fall 874ms linear infinite;
  }

  .rain .drops:nth-child(336) {
    left: 1700px;
    top: 34px;
    height: 19px;
    animation: fall 853ms linear infinite;
  }

  .rain .drops:nth-child(337) {
    left: 1705px;
    top: 45px;
    height: 35px;
    animation: fall 824ms linear infinite;
  }

  .rain .drops:nth-child(338) {
    left: 1710px;
    top: -35px;
    height: 85px;
    animation: fall 869ms linear infinite;
  }

  .rain .drops:nth-child(339) {
    left: 1715px;
    top: 8px;
    height: 53px;
    animation: fall 784ms linear infinite;
  }

  .rain .drops:nth-child(340) {
    left: 1720px;
    top: 46px;
    height: 58px;
    animation: fall 676ms linear infinite;
  }

  .rain .drops:nth-child(341) {
    left: 1725px;
    top: 35px;
    height: 16px;
    animation: fall 917ms linear infinite;
  }

  .rain .drops:nth-child(342) {
    left: 1730px;
    top: 41px;
    height: 48px;
    animation: fall 699ms linear infinite;
  }

  .rain .drops:nth-child(343) {
    left: 1735px;
    top: 44px;
    height: 95px;
    animation: fall 897ms linear infinite;
  }

  .rain .drops:nth-child(344) {
    left: 1740px;
    top: -3px;
    height: 59px;
    animation: fall 763ms linear infinite;
  }

  .rain .drops:nth-child(345) {
    left: 1745px;
    top: -5px;
    height: 56px;
    animation: fall 860ms linear infinite;
  }

  .rain .drops:nth-child(346) {
    left: 1750px;
    top: 25px;
    height: 80px;
    animation: fall 596ms linear infinite;
  }

  .rain .drops:nth-child(347) {
    left: 1755px;
    top: -33px;
    height: 25px;
    animation: fall 908ms linear infinite;
  }

  .rain .drops:nth-child(348) {
    left: 1760px;
    top: 18px;
    height: 64px;
    animation: fall 813ms linear infinite;
  }

  .rain .drops:nth-child(349) {
    left: 1765px;
    top: 39px;
    height: 43px;
    animation: fall 961ms linear infinite;
  }

  .rain .drops:nth-child(350) {
    left: 1770px;
    top: 21px;
    height: 66px;
    animation: fall 895ms linear infinite;
  }

  .rain .drops:nth-child(351) {
    left: 1775px;
    top: 26px;
    height: 54px;
    animation: fall 882ms linear infinite;
  }

  .rain .drops:nth-child(352) {
    left: 1780px;
    top: -15px;
    height: 102px;
    animation: fall 938ms linear infinite;
  }

  .rain .drops:nth-child(353) {
    left: 1785px;
    top: 19px;
    height: 102px;
    animation: fall 645ms linear infinite;
  }

  .rain .drops:nth-child(354) {
    left: 1790px;
    top: 8px;
    height: 49px;
    animation: fall 553ms linear infinite;
  }

  .rain .drops:nth-child(355) {
    left: 1795px;
    top: 23px;
    height: 67px;
    animation: fall 864ms linear infinite;
  }

  .rain .drops:nth-child(356) {
    left: 1800px;
    top: 22px;
    height: 55px;
    animation: fall 806ms linear infinite;
  }

  .rain .drops:nth-child(357) {
    left: 1805px;
    top: -18px;
    height: 51px;
    animation: fall 969ms linear infinite;
  }

  .rain .drops:nth-child(358) {
    left: 1810px;
    top: -27px;
    height: 32px;
    animation: fall 542ms linear infinite;
  }

  .rain .drops:nth-child(359) {
    left: 1815px;
    top: -34px;
    height: 71px;
    animation: fall 915ms linear infinite;
  }

  .rain .drops:nth-child(360) {
    left: 1820px;
    top: 39px;
    height: 53px;
    animation: fall 557ms linear infinite;
  }

  .rain .drops:nth-child(361) {
    left: 1825px;
    top: 3px;
    height: 44px;
    animation: fall 911ms linear infinite;
  }

  .rain .drops:nth-child(362) {
    left: 1830px;
    top: -43px;
    height: 12px;
    animation: fall 504ms linear infinite;
  }

  .rain .drops:nth-child(363) {
    left: 1835px;
    top: -31px;
    height: 93px;
    animation: fall 823ms linear infinite;
  }

  .rain .drops:nth-child(364) {
    left: 1840px;
    top: -32px;
    height: 24px;
    animation: fall 734ms linear infinite;
  }

  .rain .drops:nth-child(365) {
    left: 1845px;
    top: -19px;
    height: 89px;
    animation: fall 710ms linear infinite;
  }

  .rain .drops:nth-child(366) {
    left: 1850px;
    top: 24px;
    height: 50px;
    animation: fall 671ms linear infinite;
  }

  .rain .drops:nth-child(367) {
    left: 1855px;
    top: 26px;
    height: 89px;
    animation: fall 675ms linear infinite;
  }

  .rain .drops:nth-child(368) {
    left: 1860px;
    top: -11px;
    height: 110px;
    animation: fall 837ms linear infinite;
  }

  .rain .drops:nth-child(369) {
    left: 1865px;
    top: -12px;
    height: 103px;
    animation: fall 948ms linear infinite;
  }

  .rain .drops:nth-child(370) {
    left: 1870px;
    top: 20px;
    height: 91px;
    animation: fall 946ms linear infinite;
  }

  .rain .drops:nth-child(371) {
    left: 1875px;
    top: 40px;
    height: 65px;
    animation: fall 502ms linear infinite;
  }

  .rain .drops:nth-child(372) {
    left: 1880px;
    top: -27px;
    height: 28px;
    animation: fall 927ms linear infinite;
  }

  .rain .drops:nth-child(373) {
    left: 1885px;
    top: 19px;
    height: 77px;
    animation: fall 758ms linear infinite;
  }

  .rain .drops:nth-child(374) {
    left: 1890px;
    top: 44px;
    height: 107px;
    animation: fall 783ms linear infinite;
  }

  .rain .drops:nth-child(375) {
    left: 1895px;
    top: 6px;
    height: 100px;
    animation: fall 640ms linear infinite;
  }

  .rain .drops:nth-child(376) {
    left: 1900px;
    top: -27px;
    height: 38px;
    animation: fall 790ms linear infinite;
  }

  .rain .drops:nth-child(377) {
    left: 1905px;
    top: 14px;
    height: 95px;
    animation: fall 791ms linear infinite;
  }

  .rain .drops:nth-child(378) {
    left: 1910px;
    top: -40px;
    height: 32px;
    animation: fall 843ms linear infinite;
  }

  .rain .drops:nth-child(379) {
    left: 1915px;
    top: 11px;
    height: 67px;
    animation: fall 660ms linear infinite;
  }

  .rain .drops:nth-child(380) {
    left: 1920px;
    top: 6px;
    height: 90px;
    animation: fall 750ms linear infinite;
  }

  .rain .drops:nth-child(381) {
    left: 1925px;
    top: 36px;
    height: 27px;
    animation: fall 988ms linear infinite;
  }

  .rain .drops:nth-child(382) {
    left: 1930px;
    top: 17px;
    height: 46px;
    animation: fall 534ms linear infinite;
  }

  .rain .drops:nth-child(383) {
    left: 1935px;
    top: 44px;
    height: 59px;
    animation: fall 818ms linear infinite;
  }

  .rain .drops:nth-child(384) {
    left: 1940px;
    top: -2px;
    height: 26px;
    animation: fall 808ms linear infinite;
  }

  .rain .drops:nth-child(385) {
    left: 1945px;
    top: 43px;
    height: 38px;
    animation: fall 918ms linear infinite;
  }

  .rain .drops:nth-child(386) {
    left: 1950px;
    top: -37px;
    height: 37px;
    animation: fall 823ms linear infinite;
  }

  .rain .drops:nth-child(387) {
    left: 1955px;
    top: -36px;
    height: 12px;
    animation: fall 937ms linear infinite;
  }

  .rain .drops:nth-child(388) {
    left: 1960px;
    top: -16px;
    height: 43px;
    animation: fall 531ms linear infinite;
  }

  .rain .drops:nth-child(389) {
    left: 1965px;
    top: 25px;
    height: 85px;
    animation: fall 570ms linear infinite;
  }

  .rain .drops:nth-child(390) {
    left: 1970px;
    top: 29px;
    height: 46px;
    animation: fall 964ms linear infinite;
  }

  .rain .drops:nth-child(391) {
    left: 1975px;
    top: -20px;
    height: 27px;
    animation: fall 609ms linear infinite;
  }

  .rain .drops:nth-child(392) {
    left: 1980px;
    top: 34px;
    height: 18px;
    animation: fall 637ms linear infinite;
  }

  .rain .drops:nth-child(393) {
    left: 1985px;
    top: 48px;
    height: 106px;
    animation: fall 566ms linear infinite;
  }

  .rain .drops:nth-child(394) {
    left: 1990px;
    top: 27px;
    height: 79px;
    animation: fall 835ms linear infinite;
  }

  .rain .drops:nth-child(395) {
    left: 1995px;
    top: 29px;
    height: 104px;
    animation: fall 648ms linear infinite;
  }

  .rain .drops:nth-child(396) {
    left: 2000px;
    top: 7px;
    height: 65px;
    animation: fall 669ms linear infinite;
  }

  .rain .drops:nth-child(397) {
    left: 2005px;
    top: 43px;
    height: 44px;
    animation: fall 805ms linear infinite;
  }

  .rain .drops:nth-child(398) {
    left: 2010px;
    top: -35px;
    height: 80px;
    animation: fall 918ms linear infinite;
  }

  .rain .drops:nth-child(399) {
    left: 2015px;
    top: -1px;
    height: 84px;
    animation: fall 615ms linear infinite;
  }

  .rain .drops:nth-child(400) {
    left: 2020px;
    top: -19px;
    height: 64px;
    animation: fall 1000ms linear infinite;
  }

  .rain .drops:nth-child(401) {
    left: 2025px;
    top: 33px;
    height: 60px;
    animation: fall 760ms linear infinite;
  }

  .rain .drops:nth-child(402) {
    left: 2030px;
    top: -28px;
    height: 105px;
    animation: fall 516ms linear infinite;
  }

  .rain .drops:nth-child(403) {
    left: 2035px;
    top: 42px;
    height: 92px;
    animation: fall 776ms linear infinite;
  }

  .rain .drops:nth-child(404) {
    left: 2040px;
    top: 34px;
    height: 33px;
    animation: fall 530ms linear infinite;
  }

  .rain .drops:nth-child(405) {
    left: 2045px;
    top: 44px;
    height: 33px;
    animation: fall 766ms linear infinite;
  }

  .rain .drops:nth-child(406) {
    left: 2050px;
    top: 50px;
    height: 96px;
    animation: fall 665ms linear infinite;
  }

  .rain .drops:nth-child(407) {
    left: 2055px;
    top: -39px;
    height: 108px;
    animation: fall 894ms linear infinite;
  }

  .rain .drops:nth-child(408) {
    left: 2060px;
    top: -17px;
    height: 69px;
    animation: fall 651ms linear infinite;
  }

  .rain .drops:nth-child(409) {
    left: 2065px;
    top: 45px;
    height: 98px;
    animation: fall 918ms linear infinite;
  }

  .rain .drops:nth-child(410) {
    left: 2070px;
    top: 45px;
    height: 63px;
    animation: fall 880ms linear infinite;
  }

  .rain .drops:nth-child(411) {
    left: 2075px;
    top: -9px;
    height: 66px;
    animation: fall 753ms linear infinite;
  }

  .rain .drops:nth-child(412) {
    left: 2080px;
    top: 8px;
    height: 82px;
    animation: fall 507ms linear infinite;
  }

  .rain .drops:nth-child(413) {
    left: 2085px;
    top: -44px;
    height: 41px;
    animation: fall 535ms linear infinite;
  }

  .rain .drops:nth-child(414) {
    left: 2090px;
    top: 7px;
    height: 104px;
    animation: fall 703ms linear infinite;
  }

  .rain .drops:nth-child(415) {
    left: 2095px;
    top: 8px;
    height: 57px;
    animation: fall 608ms linear infinite;
  }

  .rain .drops:nth-child(416) {
    left: 2100px;
    top: 7px;
    height: 75px;
    animation: fall 989ms linear infinite;
  }

  .rain .drops:nth-child(417) {
    left: 2105px;
    top: 7px;
    height: 107px;
    animation: fall 893ms linear infinite;
  }

  .rain .drops:nth-child(418) {
    left: 2110px;
    top: 0px;
    height: 85px;
    animation: fall 535ms linear infinite;
  }

  .rain .drops:nth-child(419) {
    left: 2115px;
    top: 30px;
    height: 55px;
    animation: fall 671ms linear infinite;
  }

  .rain .drops:nth-child(420) {
    left: 2120px;
    top: 46px;
    height: 74px;
    animation: fall 893ms linear infinite;
  }

  .rain .drops:nth-child(421) {
    left: 2125px;
    top: -22px;
    height: 22px;
    animation: fall 803ms linear infinite;
  }

  .rain .drops:nth-child(422) {
    left: 2130px;
    top: 4px;
    height: 68px;
    animation: fall 799ms linear infinite;
  }

  .rain .drops:nth-child(423) {
    left: 2135px;
    top: -6px;
    height: 72px;
    animation: fall 898ms linear infinite;
  }

  .rain .drops:nth-child(424) {
    left: 2140px;
    top: -22px;
    height: 19px;
    animation: fall 596ms linear infinite;
  }

  .rain .drops:nth-child(425) {
    left: 2145px;
    top: -37px;
    height: 107px;
    animation: fall 516ms linear infinite;
  }

  .rain .drops:nth-child(426) {
    left: 2150px;
    top: -44px;
    height: 65px;
    animation: fall 743ms linear infinite;
  }

  .rain .drops:nth-child(427) {
    left: 2155px;
    top: -25px;
    height: 79px;
    animation: fall 679ms linear infinite;
  }

  .rain .drops:nth-child(428) {
    left: 2160px;
    top: -15px;
    height: 25px;
    animation: fall 691ms linear infinite;
  }

  .rain .drops:nth-child(429) {
    left: 2165px;
    top: 40px;
    height: 100px;
    animation: fall 551ms linear infinite;
  }

  .rain .drops:nth-child(430) {
    left: 2170px;
    top: -21px;
    height: 105px;
    animation: fall 993ms linear infinite;
  }

  .rain .drops:nth-child(431) {
    left: 2175px;
    top: 27px;
    height: 77px;
    animation: fall 625ms linear infinite;
  }

  .rain .drops:nth-child(432) {
    left: 2180px;
    top: 15px;
    height: 84px;
    animation: fall 694ms linear infinite;
  }

  .rain .drops:nth-child(433) {
    left: 2185px;
    top: 46px;
    height: 102px;
    animation: fall 687ms linear infinite;
  }

  .rain .drops:nth-child(434) {
    left: 2190px;
    top: 43px;
    height: 104px;
    animation: fall 799ms linear infinite;
  }

  .rain .drops:nth-child(435) {
    left: 2195px;
    top: -8px;
    height: 75px;
    animation: fall 869ms linear infinite;
  }

  .rain .drops:nth-child(436) {
    left: 2200px;
    top: -34px;
    height: 47px;
    animation: fall 609ms linear infinite;
  }

  .rain .drops:nth-child(437) {
    left: 2205px;
    top: -30px;
    height: 41px;
    animation: fall 784ms linear infinite;
  }

  .rain .drops:nth-child(438) {
    left: 2210px;
    top: 7px;
    height: 56px;
    animation: fall 541ms linear infinite;
  }

  .rain .drops:nth-child(439) {
    left: 2215px;
    top: -8px;
    height: 68px;
    animation: fall 863ms linear infinite;
  }

  .rain .drops:nth-child(440) {
    left: 2220px;
    top: -48px;
    height: 15px;
    animation: fall 599ms linear infinite;
  }

  .rain .drops:nth-child(441) {
    left: 2225px;
    top: 7px;
    height: 82px;
    animation: fall 940ms linear infinite;
  }

  .rain .drops:nth-child(442) {
    left: 2230px;
    top: 25px;
    height: 35px;
    animation: fall 972ms linear infinite;
  }

  .rain .drops:nth-child(443) {
    left: 2235px;
    top: -32px;
    height: 72px;
    animation: fall 782ms linear infinite;
  }

  .rain .drops:nth-child(444) {
    left: 2240px;
    top: -30px;
    height: 83px;
    animation: fall 736ms linear infinite;
  }

  .rain .drops:nth-child(445) {
    left: 2245px;
    top: 34px;
    height: 15px;
    animation: fall 682ms linear infinite;
  }

  .rain .drops:nth-child(446) {
    left: 2250px;
    top: -15px;
    height: 28px;
    animation: fall 524ms linear infinite;
  }

  .rain .drops:nth-child(447) {
    left: 2255px;
    top: -43px;
    height: 99px;
    animation: fall 859ms linear infinite;
  }

  .rain .drops:nth-child(448) {
    left: 2260px;
    top: 34px;
    height: 59px;
    animation: fall 931ms linear infinite;
  }

  .rain .drops:nth-child(449) {
    left: 2265px;
    top: -44px;
    height: 55px;
    animation: fall 626ms linear infinite;
  }

  .rain .drops:nth-child(450) {
    left: 2270px;
    top: -24px;
    height: 77px;
    animation: fall 818ms linear infinite;
  }

  .rain .drops:nth-child(451) {
    left: 2275px;
    top: 19px;
    height: 15px;
    animation: fall 883ms linear infinite;
  }

  .rain .drops:nth-child(452) {
    left: 2280px;
    top: -12px;
    height: 22px;
    animation: fall 748ms linear infinite;
  }

  .rain .drops:nth-child(453) {
    left: 2285px;
    top: 45px;
    height: 91px;
    animation: fall 815ms linear infinite;
  }

  .rain .drops:nth-child(454) {
    left: 2290px;
    top: 15px;
    height: 63px;
    animation: fall 920ms linear infinite;
  }

  .rain .drops:nth-child(455) {
    left: 2295px;
    top: -19px;
    height: 24px;
    animation: fall 647ms linear infinite;
  }

  .rain .drops:nth-child(456) {
    left: 2300px;
    top: 14px;
    height: 29px;
    animation: fall 891ms linear infinite;
  }

  .rain .drops:nth-child(457) {
    left: 2305px;
    top: -34px;
    height: 56px;
    animation: fall 772ms linear infinite;
  }

  .rain .drops:nth-child(458) {
    left: 2310px;
    top: -43px;
    height: 49px;
    animation: fall 740ms linear infinite;
  }

  .rain .drops:nth-child(459) {
    left: 2315px;
    top: -18px;
    height: 27px;
    animation: fall 723ms linear infinite;
  }

  .rain .drops:nth-child(460) {
    left: 2320px;
    top: -32px;
    height: 17px;
    animation: fall 770ms linear infinite;
  }

  .rain .drops:nth-child(461) {
    left: 2325px;
    top: 11px;
    height: 48px;
    animation: fall 624ms linear infinite;
  }

  .rain .drops:nth-child(462) {
    left: 2330px;
    top: 46px;
    height: 35px;
    animation: fall 564ms linear infinite;
  }

  .rain .drops:nth-child(463) {
    left: 2335px;
    top: -44px;
    height: 46px;
    animation: fall 517ms linear infinite;
  }

  .rain .drops:nth-child(464) {
    left: 2340px;
    top: -16px;
    height: 93px;
    animation: fall 692ms linear infinite;
  }

  .rain .drops:nth-child(465) {
    left: 2345px;
    top: 48px;
    height: 14px;
    animation: fall 596ms linear infinite;
  }

  .rain .drops:nth-child(466) {
    left: 2350px;
    top: 9px;
    height: 42px;
    animation: fall 692ms linear infinite;
  }

  .rain .drops:nth-child(467) {
    left: 2355px;
    top: -38px;
    height: 21px;
    animation: fall 850ms linear infinite;
  }

  .rain .drops:nth-child(468) {
    left: 2360px;
    top: 1px;
    height: 25px;
    animation: fall 792ms linear infinite;
  }

  .rain .drops:nth-child(469) {
    left: 2365px;
    top: 43px;
    height: 72px;
    animation: fall 725ms linear infinite;
  }

  .rain .drops:nth-child(470) {
    left: 2370px;
    top: -34px;
    height: 92px;
    animation: fall 506ms linear infinite;
  }

  .rain .drops:nth-child(471) {
    left: 2375px;
    top: -29px;
    height: 13px;
    animation: fall 510ms linear infinite;
  }

  .rain .drops:nth-child(472) {
    left: 2380px;
    top: 38px;
    height: 42px;
    animation: fall 765ms linear infinite;
  }

  .rain .drops:nth-child(473) {
    left: 2385px;
    top: 49px;
    height: 79px;
    animation: fall 567ms linear infinite;
  }

  .rain .drops:nth-child(474) {
    left: 2390px;
    top: 36px;
    height: 81px;
    animation: fall 806ms linear infinite;
  }

  .rain .drops:nth-child(475) {
    left: 2395px;
    top: 18px;
    height: 89px;
    animation: fall 615ms linear infinite;
  }

  .rain .drops:nth-child(476) {
    left: 2400px;
    top: -13px;
    height: 69px;
    animation: fall 777ms linear infinite;
  }

  .rain .drops:nth-child(477) {
    left: 2405px;
    top: 48px;
    height: 23px;
    animation: fall 644ms linear infinite;
  }

  .rain .drops:nth-child(478) {
    left: 2410px;
    top: -24px;
    height: 68px;
    animation: fall 789ms linear infinite;
  }

  .rain .drops:nth-child(479) {
    left: 2415px;
    top: 45px;
    height: 85px;
    animation: fall 877ms linear infinite;
  }

  .rain .drops:nth-child(480) {
    left: 2420px;
    top: 34px;
    height: 11px;
    animation: fall 774ms linear infinite;
  }

  .rain .drops:nth-child(481) {
    left: 2425px;
    top: -22px;
    height: 27px;
    animation: fall 720ms linear infinite;
  }

  .rain .drops:nth-child(482) {
    left: 2430px;
    top: 24px;
    height: 37px;
    animation: fall 844ms linear infinite;
  }

  .rain .drops:nth-child(483) {
    left: 2435px;
    top: -5px;
    height: 69px;
    animation: fall 563ms linear infinite;
  }

  .rain .drops:nth-child(484) {
    left: 2440px;
    top: 0px;
    height: 88px;
    animation: fall 904ms linear infinite;
  }

  .rain .drops:nth-child(485) {
    left: 2445px;
    top: -13px;
    height: 99px;
    animation: fall 810ms linear infinite;
  }

  .rain .drops:nth-child(486) {
    left: 2450px;
    top: 35px;
    height: 24px;
    animation: fall 504ms linear infinite;
  }

  .rain .drops:nth-child(487) {
    left: 2455px;
    top: -17px;
    height: 57px;
    animation: fall 998ms linear infinite;
  }

  .rain .drops:nth-child(488) {
    left: 2460px;
    top: 31px;
    height: 35px;
    animation: fall 657ms linear infinite;
  }

  .rain .drops:nth-child(489) {
    left: 2465px;
    top: 7px;
    height: 32px;
    animation: fall 505ms linear infinite;
  }

  .rain .drops:nth-child(490) {
    left: 2470px;
    top: -37px;
    height: 19px;
    animation: fall 626ms linear infinite;
  }

  .rain .drops:nth-child(491) {
    left: 2475px;
    top: 11px;
    height: 67px;
    animation: fall 985ms linear infinite;
  }

  .rain .drops:nth-child(492) {
    left: 2480px;
    top: -19px;
    height: 73px;
    animation: fall 697ms linear infinite;
  }

  .rain .drops:nth-child(493) {
    left: 2485px;
    top: -45px;
    height: 43px;
    animation: fall 859ms linear infinite;
  }

  .rain .drops:nth-child(494) {
    left: 2490px;
    top: -26px;
    height: 64px;
    animation: fall 728ms linear infinite;
  }

  .rain .drops:nth-child(495) {
    left: 2495px;
    top: 26px;
    height: 21px;
    animation: fall 988ms linear infinite;
  }

  .rain .drops:nth-child(496) {
    left: 2500px;
    top: -15px;
    height: 64px;
    animation: fall 548ms linear infinite;
  }

  .rain .drops:nth-child(497) {
    left: 2505px;
    top: -16px;
    height: 80px;
    animation: fall 629ms linear infinite;
  }

  .rain .drops:nth-child(498) {
    left: 2510px;
    top: 35px;
    height: 79px;
    animation: fall 711ms linear infinite;
  }

  .rain .drops:nth-child(499) {
    left: 2515px;
    top: 3px;
    height: 33px;
    animation: fall 710ms linear infinite;
  }

  .rain .drops:nth-child(500) {
    left: 2520px;
    top: -6px;
    height: 70px;
    animation: fall 689ms linear infinite;
  }

  @keyframes fall {
    0% {
      transform: translateY(0px);
    }

    100% {
      transform: translateY(1000px);
      opacity: 0;
    }
  }

  .rain_heavy .drops {
    position: absolute;
    width: 1px;
    height: 50px;
    background: #fff;
    opacity: 0.4;
    top: 0;
    z-index: 1000;
  }

  .rain_heavy .drops:nth-child(1) {
    left: 30px;
    top: -455px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(2) {
    left: 40px;
    top: -520px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(3) {
    left: 50px;
    top: -539px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(4) {
    left: 60px;
    top: -497px;
    height: 139px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(5) {
    left: 70px;
    top: -530px;
    height: 73px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(6) {
    left: 80px;
    top: -457px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(7) {
    left: 90px;
    top: -475px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(8) {
    left: 100px;
    top: -455px;
    height: 60px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(9) {
    left: 110px;
    top: -531px;
    height: 104px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(10) {
    left: 120px;
    top: -513px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(11) {
    left: 130px;
    top: -531px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(12) {
    left: 140px;
    top: -477px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(13) {
    left: 150px;
    top: -475px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(14) {
    left: 160px;
    top: -508px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(15) {
    left: 170px;
    top: -471px;
    height: 131px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(16) {
    left: 180px;
    top: -511px;
    height: 107px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(17) {
    left: 190px;
    top: -533px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(18) {
    left: 200px;
    top: -512px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(19) {
    left: 210px;
    top: -538px;
    height: 72px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(20) {
    left: 220px;
    top: -462px;
    height: 78px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(21) {
    left: 230px;
    top: -506px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(22) {
    left: 240px;
    top: -488px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(23) {
    left: 250px;
    top: -491px;
    height: 57px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(24) {
    left: 260px;
    top: -485px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(25) {
    left: 270px;
    top: -536px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(26) {
    left: 280px;
    top: -496px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(27) {
    left: 290px;
    top: -454px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(28) {
    left: 300px;
    top: -528px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(29) {
    left: 310px;
    top: -527px;
    height: 104px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(30) {
    left: 320px;
    top: -543px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(31) {
    left: 330px;
    top: -520px;
    height: 80px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(32) {
    left: 340px;
    top: -503px;
    height: 103px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(33) {
    left: 350px;
    top: -460px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(34) {
    left: 360px;
    top: -532px;
    height: 51px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(35) {
    left: 370px;
    top: -482px;
    height: 140px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(36) {
    left: 380px;
    top: -508px;
    height: 148px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(37) {
    left: 390px;
    top: -508px;
    height: 75px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(38) {
    left: 400px;
    top: -482px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(39) {
    left: 410px;
    top: -493px;
    height: 88px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(40) {
    left: 420px;
    top: -485px;
    height: 76px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(41) {
    left: 430px;
    top: -455px;
    height: 115px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(42) {
    left: 440px;
    top: -531px;
    height: 51px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(43) {
    left: 450px;
    top: -522px;
    height: 112px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(44) {
    left: 460px;
    top: -540px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(45) {
    left: 470px;
    top: -463px;
    height: 104px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(46) {
    left: 480px;
    top: -514px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(47) {
    left: 490px;
    top: -548px;
    height: 132px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(48) {
    left: 500px;
    top: -452px;
    height: 77px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(49) {
    left: 510px;
    top: -470px;
    height: 51px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(50) {
    left: 520px;
    top: -482px;
    height: 57px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(51) {
    left: 530px;
    top: -498px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(52) {
    left: 540px;
    top: -519px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(53) {
    left: 550px;
    top: -521px;
    height: 124px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(54) {
    left: 560px;
    top: -454px;
    height: 147px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(55) {
    left: 570px;
    top: -515px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(56) {
    left: 580px;
    top: -540px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(57) {
    left: 590px;
    top: -492px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(58) {
    left: 600px;
    top: -524px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(59) {
    left: 610px;
    top: -495px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(60) {
    left: 620px;
    top: -450px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(61) {
    left: 630px;
    top: -472px;
    height: 145px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(62) {
    left: 640px;
    top: -505px;
    height: 74px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(63) {
    left: 650px;
    top: -512px;
    height: 110px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(64) {
    left: 660px;
    top: -528px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(65) {
    left: 670px;
    top: -484px;
    height: 76px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(66) {
    left: 680px;
    top: -528px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(67) {
    left: 690px;
    top: -458px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(68) {
    left: 700px;
    top: -524px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(69) {
    left: 710px;
    top: -466px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(70) {
    left: 720px;
    top: -539px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(71) {
    left: 730px;
    top: -531px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(72) {
    left: 740px;
    top: -492px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(73) {
    left: 750px;
    top: -524px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(74) {
    left: 760px;
    top: -463px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(75) {
    left: 770px;
    top: -452px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(76) {
    left: 780px;
    top: -458px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(77) {
    left: 790px;
    top: -518px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(78) {
    left: 800px;
    top: -503px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(79) {
    left: 810px;
    top: -528px;
    height: 132px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(80) {
    left: 820px;
    top: -508px;
    height: 122px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(81) {
    left: 830px;
    top: -520px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(82) {
    left: 840px;
    top: -487px;
    height: 145px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(83) {
    left: 850px;
    top: -545px;
    height: 67px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(84) {
    left: 860px;
    top: -450px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(85) {
    left: 870px;
    top: -501px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(86) {
    left: 880px;
    top: -528px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(87) {
    left: 890px;
    top: -450px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(88) {
    left: 900px;
    top: -498px;
    height: 150px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(89) {
    left: 910px;
    top: -470px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(90) {
    left: 920px;
    top: -479px;
    height: 137px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(91) {
    left: 930px;
    top: -490px;
    height: 108px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(92) {
    left: 940px;
    top: -539px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(93) {
    left: 950px;
    top: -458px;
    height: 67px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(94) {
    left: 960px;
    top: -540px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(95) {
    left: 970px;
    top: -518px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(96) {
    left: 980px;
    top: -460px;
    height: 76px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(97) {
    left: 990px;
    top: -457px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(98) {
    left: 1000px;
    top: -495px;
    height: 130px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(99) {
    left: 1010px;
    top: -504px;
    height: 148px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(100) {
    left: 1020px;
    top: -497px;
    height: 73px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(101) {
    left: 1030px;
    top: -491px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(102) {
    left: 1040px;
    top: -501px;
    height: 97px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(103) {
    left: 1050px;
    top: -518px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(104) {
    left: 1060px;
    top: -476px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(105) {
    left: 1070px;
    top: -466px;
    height: 110px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(106) {
    left: 1080px;
    top: -492px;
    height: 134px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(107) {
    left: 1090px;
    top: -488px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(108) {
    left: 1100px;
    top: -493px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(109) {
    left: 1110px;
    top: -494px;
    height: 57px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(110) {
    left: 1120px;
    top: -528px;
    height: 75px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(111) {
    left: 1130px;
    top: -463px;
    height: 77px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(112) {
    left: 1140px;
    top: -479px;
    height: 147px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(113) {
    left: 1150px;
    top: -501px;
    height: 130px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(114) {
    left: 1160px;
    top: -501px;
    height: 109px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(115) {
    left: 1170px;
    top: -487px;
    height: 115px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(116) {
    left: 1180px;
    top: -487px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(117) {
    left: 1190px;
    top: -475px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(118) {
    left: 1200px;
    top: -529px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(119) {
    left: 1210px;
    top: -498px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(120) {
    left: 1220px;
    top: -474px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(121) {
    left: 1230px;
    top: -472px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(122) {
    left: 1240px;
    top: -477px;
    height: 77px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(123) {
    left: 1250px;
    top: -461px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(124) {
    left: 1260px;
    top: -485px;
    height: 110px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(125) {
    left: 1270px;
    top: -468px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(126) {
    left: 1280px;
    top: -481px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(127) {
    left: 1290px;
    top: -472px;
    height: 90px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(128) {
    left: 1300px;
    top: -547px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(129) {
    left: 1310px;
    top: -452px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(130) {
    left: 1320px;
    top: -508px;
    height: 74px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(131) {
    left: 1330px;
    top: -516px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(132) {
    left: 1340px;
    top: -461px;
    height: 114px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(133) {
    left: 1350px;
    top: -534px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(134) {
    left: 1360px;
    top: -500px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(135) {
    left: 1370px;
    top: -532px;
    height: 87px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(136) {
    left: 1380px;
    top: -527px;
    height: 69px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(137) {
    left: 1390px;
    top: -537px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(138) {
    left: 1400px;
    top: -459px;
    height: 101px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(139) {
    left: 1410px;
    top: -493px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(140) {
    left: 1420px;
    top: -541px;
    height: 94px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(141) {
    left: 1430px;
    top: -533px;
    height: 137px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(142) {
    left: 1440px;
    top: -530px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(143) {
    left: 1450px;
    top: -482px;
    height: 124px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(144) {
    left: 1460px;
    top: -510px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(145) {
    left: 1470px;
    top: -513px;
    height: 150px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(146) {
    left: 1480px;
    top: -529px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(147) {
    left: 1490px;
    top: -451px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(148) {
    left: 1500px;
    top: -457px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(149) {
    left: 1510px;
    top: -528px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(150) {
    left: 1520px;
    top: -501px;
    height: 94px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(151) {
    left: 1530px;
    top: -506px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(152) {
    left: 1540px;
    top: -490px;
    height: 72px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(153) {
    left: 1550px;
    top: -512px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(154) {
    left: 1560px;
    top: -473px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(155) {
    left: 1570px;
    top: -547px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(156) {
    left: 1580px;
    top: -541px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(157) {
    left: 1590px;
    top: -508px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(158) {
    left: 1600px;
    top: -509px;
    height: 95px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(159) {
    left: 1610px;
    top: -534px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(160) {
    left: 1620px;
    top: -475px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(161) {
    left: 1630px;
    top: -527px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(162) {
    left: 1640px;
    top: -541px;
    height: 60px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(163) {
    left: 1650px;
    top: -473px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(164) {
    left: 1660px;
    top: -505px;
    height: 69px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(165) {
    left: 1670px;
    top: -473px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(166) {
    left: 1680px;
    top: -520px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(167) {
    left: 1690px;
    top: -548px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(168) {
    left: 1700px;
    top: -450px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(169) {
    left: 1710px;
    top: -519px;
    height: 145px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(170) {
    left: 1720px;
    top: -474px;
    height: 140px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(171) {
    left: 1730px;
    top: -451px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(172) {
    left: 1740px;
    top: -530px;
    height: 115px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(173) {
    left: 1750px;
    top: -499px;
    height: 130px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(174) {
    left: 1760px;
    top: -473px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(175) {
    left: 1770px;
    top: -516px;
    height: 116px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(176) {
    left: 1780px;
    top: -494px;
    height: 98px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(177) {
    left: 1790px;
    top: -505px;
    height: 75px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(178) {
    left: 1800px;
    top: -519px;
    height: 92px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(179) {
    left: 1810px;
    top: -512px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(180) {
    left: 1820px;
    top: -461px;
    height: 101px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(181) {
    left: 1830px;
    top: -472px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(182) {
    left: 1840px;
    top: -543px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(183) {
    left: 1850px;
    top: -535px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(184) {
    left: 1860px;
    top: -513px;
    height: 101px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(185) {
    left: 1870px;
    top: -509px;
    height: 67px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(186) {
    left: 1880px;
    top: -528px;
    height: 97px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(187) {
    left: 1890px;
    top: -496px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(188) {
    left: 1900px;
    top: -497px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(189) {
    left: 1910px;
    top: -453px;
    height: 114px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(190) {
    left: 1920px;
    top: -511px;
    height: 58px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(191) {
    left: 1930px;
    top: -539px;
    height: 88px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(192) {
    left: 1940px;
    top: -472px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(193) {
    left: 1950px;
    top: -465px;
    height: 62px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(194) {
    left: 1960px;
    top: -458px;
    height: 124px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(195) {
    left: 1970px;
    top: -528px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(196) {
    left: 1980px;
    top: -454px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(197) {
    left: 1990px;
    top: -492px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(198) {
    left: 2000px;
    top: -456px;
    height: 116px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(199) {
    left: 2010px;
    top: -522px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(200) {
    left: 2020px;
    top: -538px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(201) {
    left: 2030px;
    top: -460px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(202) {
    left: 2040px;
    top: -469px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(203) {
    left: 2050px;
    top: -467px;
    height: 112px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(204) {
    left: 2060px;
    top: -539px;
    height: 140px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(205) {
    left: 2070px;
    top: -460px;
    height: 95px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(206) {
    left: 2080px;
    top: -545px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(207) {
    left: 2090px;
    top: -548px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(208) {
    left: 2100px;
    top: -496px;
    height: 58px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(209) {
    left: 2110px;
    top: -469px;
    height: 64px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(210) {
    left: 2120px;
    top: -501px;
    height: 74px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(211) {
    left: 2130px;
    top: -484px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(212) {
    left: 2140px;
    top: -523px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(213) {
    left: 2150px;
    top: -514px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(214) {
    left: 2160px;
    top: -548px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(215) {
    left: 2170px;
    top: -482px;
    height: 143px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(216) {
    left: 2180px;
    top: -476px;
    height: 108px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(217) {
    left: 2190px;
    top: -526px;
    height: 51px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(218) {
    left: 2200px;
    top: -457px;
    height: 62px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(219) {
    left: 2210px;
    top: -490px;
    height: 132px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(220) {
    left: 2220px;
    top: -452px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(221) {
    left: 2230px;
    top: -529px;
    height: 109px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(222) {
    left: 2240px;
    top: -452px;
    height: 92px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(223) {
    left: 2250px;
    top: -479px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(224) {
    left: 2260px;
    top: -453px;
    height: 139px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(225) {
    left: 2270px;
    top: -532px;
    height: 97px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(226) {
    left: 2280px;
    top: -455px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(227) {
    left: 2290px;
    top: -527px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(228) {
    left: 2300px;
    top: -527px;
    height: 64px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(229) {
    left: 2310px;
    top: -521px;
    height: 60px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(230) {
    left: 2320px;
    top: -479px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(231) {
    left: 2330px;
    top: -509px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(232) {
    left: 2340px;
    top: -493px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(233) {
    left: 2350px;
    top: -538px;
    height: 115px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(234) {
    left: 2360px;
    top: -509px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(235) {
    left: 2370px;
    top: -456px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(236) {
    left: 2380px;
    top: -484px;
    height: 129px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(237) {
    left: 2390px;
    top: -477px;
    height: 64px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(238) {
    left: 2400px;
    top: -498px;
    height: 105px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(239) {
    left: 2410px;
    top: -517px;
    height: 131px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(240) {
    left: 2420px;
    top: -483px;
    height: 143px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(241) {
    left: 2430px;
    top: -538px;
    height: 137px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(242) {
    left: 2440px;
    top: -511px;
    height: 133px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(243) {
    left: 2450px;
    top: -463px;
    height: 119px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(244) {
    left: 2460px;
    top: -477px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(245) {
    left: 2470px;
    top: -513px;
    height: 122px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(246) {
    left: 2480px;
    top: -533px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(247) {
    left: 2490px;
    top: -510px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(248) {
    left: 2500px;
    top: -508px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(249) {
    left: 2510px;
    top: -518px;
    height: 107px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(250) {
    left: 2520px;
    top: -527px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(251) {
    left: 2530px;
    top: -471px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(252) {
    left: 2540px;
    top: -545px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(253) {
    left: 2550px;
    top: -530px;
    height: 146px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(254) {
    left: 2560px;
    top: -493px;
    height: 110px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(255) {
    left: 2570px;
    top: -454px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(256) {
    left: 2580px;
    top: -540px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(257) {
    left: 2590px;
    top: -504px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(258) {
    left: 2600px;
    top: -514px;
    height: 122px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(259) {
    left: 2610px;
    top: -473px;
    height: 146px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(260) {
    left: 2620px;
    top: -507px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(261) {
    left: 2630px;
    top: -469px;
    height: 87px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(262) {
    left: 2640px;
    top: -548px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(263) {
    left: 2650px;
    top: -520px;
    height: 142px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(264) {
    left: 2660px;
    top: -539px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(265) {
    left: 2670px;
    top: -457px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(266) {
    left: 2680px;
    top: -547px;
    height: 95px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(267) {
    left: 2690px;
    top: -535px;
    height: 56px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(268) {
    left: 2700px;
    top: -534px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(269) {
    left: 2710px;
    top: -465px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(270) {
    left: 2720px;
    top: -549px;
    height: 79px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(271) {
    left: 2730px;
    top: -478px;
    height: 56px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(272) {
    left: 2740px;
    top: -517px;
    height: 150px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(273) {
    left: 2750px;
    top: -489px;
    height: 134px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(274) {
    left: 2760px;
    top: -514px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(275) {
    left: 2770px;
    top: -501px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(276) {
    left: 2780px;
    top: -459px;
    height: 77px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(277) {
    left: 2790px;
    top: -495px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(278) {
    left: 2800px;
    top: -547px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(279) {
    left: 2810px;
    top: -548px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(280) {
    left: 2820px;
    top: -515px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(281) {
    left: 2830px;
    top: -506px;
    height: 147px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(282) {
    left: 2840px;
    top: -462px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(283) {
    left: 2850px;
    top: -468px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(284) {
    left: 2860px;
    top: -542px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(285) {
    left: 2870px;
    top: -478px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(286) {
    left: 2880px;
    top: -517px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(287) {
    left: 2890px;
    top: -454px;
    height: 57px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(288) {
    left: 2900px;
    top: -529px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(289) {
    left: 2910px;
    top: -461px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(290) {
    left: 2920px;
    top: -520px;
    height: 126px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(291) {
    left: 2930px;
    top: -542px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(292) {
    left: 2940px;
    top: -475px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(293) {
    left: 2950px;
    top: -479px;
    height: 82px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(294) {
    left: 2960px;
    top: -452px;
    height: 75px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(295) {
    left: 2970px;
    top: -465px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(296) {
    left: 2980px;
    top: -535px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(297) {
    left: 2990px;
    top: -477px;
    height: 132px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(298) {
    left: 3000px;
    top: -471px;
    height: 137px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(299) {
    left: 3010px;
    top: -506px;
    height: 127px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(300) {
    left: 3020px;
    top: -518px;
    height: 69px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(301) {
    left: 3030px;
    top: -453px;
    height: 131px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(302) {
    left: 3040px;
    top: -453px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(303) {
    left: 3050px;
    top: -492px;
    height: 103px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(304) {
    left: 3060px;
    top: -530px;
    height: 87px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(305) {
    left: 3070px;
    top: -520px;
    height: 122px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(306) {
    left: 3080px;
    top: -542px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(307) {
    left: 3090px;
    top: -477px;
    height: 133px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(308) {
    left: 3100px;
    top: -549px;
    height: 73px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(309) {
    left: 3110px;
    top: -471px;
    height: 124px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(310) {
    left: 3120px;
    top: -492px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(311) {
    left: 3130px;
    top: -537px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(312) {
    left: 3140px;
    top: -478px;
    height: 148px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(313) {
    left: 3150px;
    top: -461px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(314) {
    left: 3160px;
    top: -479px;
    height: 72px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(315) {
    left: 3170px;
    top: -547px;
    height: 101px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(316) {
    left: 3180px;
    top: -468px;
    height: 90px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(317) {
    left: 3190px;
    top: -476px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(318) {
    left: 3200px;
    top: -476px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(319) {
    left: 3210px;
    top: -536px;
    height: 104px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(320) {
    left: 3220px;
    top: -528px;
    height: 60px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(321) {
    left: 3230px;
    top: -525px;
    height: 130px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(322) {
    left: 3240px;
    top: -483px;
    height: 58px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(323) {
    left: 3250px;
    top: -477px;
    height: 78px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(324) {
    left: 3260px;
    top: -497px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(325) {
    left: 3270px;
    top: -452px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(326) {
    left: 3280px;
    top: -530px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(327) {
    left: 3290px;
    top: -540px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(328) {
    left: 3300px;
    top: -453px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(329) {
    left: 3310px;
    top: -536px;
    height: 129px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(330) {
    left: 3320px;
    top: -520px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(331) {
    left: 3330px;
    top: -473px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(332) {
    left: 3340px;
    top: -480px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(333) {
    left: 3350px;
    top: -510px;
    height: 109px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(334) {
    left: 3360px;
    top: -541px;
    height: 78px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(335) {
    left: 3370px;
    top: -478px;
    height: 123px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(336) {
    left: 3380px;
    top: -542px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(337) {
    left: 3390px;
    top: -487px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(338) {
    left: 3400px;
    top: -533px;
    height: 52px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(339) {
    left: 3410px;
    top: -478px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(340) {
    left: 3420px;
    top: -534px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(341) {
    left: 3430px;
    top: -543px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(342) {
    left: 3440px;
    top: -515px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(343) {
    left: 3450px;
    top: -490px;
    height: 132px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(344) {
    left: 3460px;
    top: -457px;
    height: 107px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(345) {
    left: 3470px;
    top: -496px;
    height: 62px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(346) {
    left: 3480px;
    top: -544px;
    height: 86px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(347) {
    left: 3490px;
    top: -473px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(348) {
    left: 3500px;
    top: -500px;
    height: 150px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(349) {
    left: 3510px;
    top: -477px;
    height: 104px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(350) {
    left: 3520px;
    top: -463px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(351) {
    left: 3530px;
    top: -508px;
    height: 77px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(352) {
    left: 3540px;
    top: -465px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(353) {
    left: 3550px;
    top: -471px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(354) {
    left: 3560px;
    top: -522px;
    height: 67px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(355) {
    left: 3570px;
    top: -477px;
    height: 79px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(356) {
    left: 3580px;
    top: -525px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(357) {
    left: 3590px;
    top: -488px;
    height: 107px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(358) {
    left: 3600px;
    top: -478px;
    height: 98px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(359) {
    left: 3610px;
    top: -463px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(360) {
    left: 3620px;
    top: -538px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(361) {
    left: 3630px;
    top: -470px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(362) {
    left: 3640px;
    top: -507px;
    height: 112px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(363) {
    left: 3650px;
    top: -487px;
    height: 72px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(364) {
    left: 3660px;
    top: -502px;
    height: 127px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(365) {
    left: 3670px;
    top: -544px;
    height: 86px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(366) {
    left: 3680px;
    top: -463px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(367) {
    left: 3690px;
    top: -450px;
    height: 87px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(368) {
    left: 3700px;
    top: -497px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(369) {
    left: 3710px;
    top: -527px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(370) {
    left: 3720px;
    top: -454px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(371) {
    left: 3730px;
    top: -545px;
    height: 93px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(372) {
    left: 3740px;
    top: -524px;
    height: 133px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(373) {
    left: 3750px;
    top: -518px;
    height: 94px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(374) {
    left: 3760px;
    top: -531px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(375) {
    left: 3770px;
    top: -500px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(376) {
    left: 3780px;
    top: -525px;
    height: 117px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(377) {
    left: 3790px;
    top: -487px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(378) {
    left: 3800px;
    top: -496px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(379) {
    left: 3810px;
    top: -478px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(380) {
    left: 3820px;
    top: -533px;
    height: 94px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(381) {
    left: 3830px;
    top: -492px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(382) {
    left: 3840px;
    top: -475px;
    height: 69px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(383) {
    left: 3850px;
    top: -452px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(384) {
    left: 3860px;
    top: -495px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(385) {
    left: 3870px;
    top: -500px;
    height: 79px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(386) {
    left: 3880px;
    top: -532px;
    height: 93px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(387) {
    left: 3890px;
    top: -503px;
    height: 120px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(388) {
    left: 3900px;
    top: -517px;
    height: 136px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(389) {
    left: 3910px;
    top: -511px;
    height: 64px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(390) {
    left: 3920px;
    top: -505px;
    height: 85px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(391) {
    left: 3930px;
    top: -534px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(392) {
    left: 3940px;
    top: -500px;
    height: 143px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(393) {
    left: 3950px;
    top: -536px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(394) {
    left: 3960px;
    top: -451px;
    height: 139px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(395) {
    left: 3970px;
    top: -538px;
    height: 116px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(396) {
    left: 3980px;
    top: -456px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(397) {
    left: 3990px;
    top: -476px;
    height: 103px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(398) {
    left: 4000px;
    top: -456px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(399) {
    left: 4010px;
    top: -514px;
    height: 129px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(400) {
    left: 4020px;
    top: -517px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(401) {
    left: 4030px;
    top: -537px;
    height: 148px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(402) {
    left: 4040px;
    top: -497px;
    height: 67px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(403) {
    left: 4050px;
    top: -456px;
    height: 75px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(404) {
    left: 4060px;
    top: -529px;
    height: 93px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(405) {
    left: 4070px;
    top: -450px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(406) {
    left: 4080px;
    top: -540px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(407) {
    left: 4090px;
    top: -510px;
    height: 103px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(408) {
    left: 4100px;
    top: -469px;
    height: 129px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(409) {
    left: 4110px;
    top: -484px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(410) {
    left: 4120px;
    top: -456px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(411) {
    left: 4130px;
    top: -473px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(412) {
    left: 4140px;
    top: -531px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(413) {
    left: 4150px;
    top: -539px;
    height: 139px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(414) {
    left: 4160px;
    top: -450px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(415) {
    left: 4170px;
    top: -533px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(416) {
    left: 4180px;
    top: -518px;
    height: 53px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(417) {
    left: 4190px;
    top: -451px;
    height: 106px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(418) {
    left: 4200px;
    top: -539px;
    height: 97px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(419) {
    left: 4210px;
    top: -513px;
    height: 80px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(420) {
    left: 4220px;
    top: -519px;
    height: 84px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(421) {
    left: 4230px;
    top: -484px;
    height: 59px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(422) {
    left: 4240px;
    top: -514px;
    height: 142px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(423) {
    left: 4250px;
    top: -490px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(424) {
    left: 4260px;
    top: -532px;
    height: 140px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(425) {
    left: 4270px;
    top: -502px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(426) {
    left: 4280px;
    top: -454px;
    height: 118px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(427) {
    left: 4290px;
    top: -498px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(428) {
    left: 4300px;
    top: -493px;
    height: 81px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(429) {
    left: 4310px;
    top: -534px;
    height: 93px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(430) {
    left: 4320px;
    top: -523px;
    height: 83px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(431) {
    left: 4330px;
    top: -514px;
    height: 143px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(432) {
    left: 4340px;
    top: -475px;
    height: 60px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(433) {
    left: 4350px;
    top: -535px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(434) {
    left: 4360px;
    top: -490px;
    height: 98px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(435) {
    left: 4370px;
    top: -492px;
    height: 126px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(436) {
    left: 4380px;
    top: -543px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(437) {
    left: 4390px;
    top: -482px;
    height: 66px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(438) {
    left: 4400px;
    top: -527px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(439) {
    left: 4410px;
    top: -486px;
    height: 124px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(440) {
    left: 4420px;
    top: -491px;
    height: 150px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(441) {
    left: 4430px;
    top: -525px;
    height: 58px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(442) {
    left: 4440px;
    top: -549px;
    height: 133px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(443) {
    left: 4450px;
    top: -462px;
    height: 71px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(444) {
    left: 4460px;
    top: -533px;
    height: 103px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(445) {
    left: 4470px;
    top: -497px;
    height: 111px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(446) {
    left: 4480px;
    top: -540px;
    height: 56px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(447) {
    left: 4490px;
    top: -473px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(448) {
    left: 4500px;
    top: -465px;
    height: 107px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(449) {
    left: 4510px;
    top: -501px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(450) {
    left: 4520px;
    top: -506px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(451) {
    left: 4530px;
    top: -546px;
    height: 144px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(452) {
    left: 4540px;
    top: -539px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(453) {
    left: 4550px;
    top: -454px;
    height: 145px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(454) {
    left: 4560px;
    top: -530px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(455) {
    left: 4570px;
    top: -482px;
    height: 135px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(456) {
    left: 4580px;
    top: -469px;
    height: 92px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(457) {
    left: 4590px;
    top: -486px;
    height: 84px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(458) {
    left: 4600px;
    top: -547px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(459) {
    left: 4610px;
    top: -484px;
    height: 79px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(460) {
    left: 4620px;
    top: -536px;
    height: 70px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(461) {
    left: 4630px;
    top: -454px;
    height: 89px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(462) {
    left: 4640px;
    top: -466px;
    height: 76px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(463) {
    left: 4650px;
    top: -496px;
    height: 55px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(464) {
    left: 4660px;
    top: -516px;
    height: 96px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(465) {
    left: 4670px;
    top: -524px;
    height: 125px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(466) {
    left: 4680px;
    top: -482px;
    height: 146px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(467) {
    left: 4690px;
    top: -540px;
    height: 116px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(468) {
    left: 4700px;
    top: -450px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(469) {
    left: 4710px;
    top: -543px;
    height: 100px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(470) {
    left: 4720px;
    top: -505px;
    height: 97px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(471) {
    left: 4730px;
    top: -527px;
    height: 113px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(472) {
    left: 4740px;
    top: -539px;
    height: 80px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(473) {
    left: 4750px;
    top: -476px;
    height: 68px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(474) {
    left: 4760px;
    top: -531px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(475) {
    left: 4770px;
    top: -475px;
    height: 65px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(476) {
    left: 4780px;
    top: -522px;
    height: 62px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(477) {
    left: 4790px;
    top: -509px;
    height: 74px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(478) {
    left: 4800px;
    top: -471px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(479) {
    left: 4810px;
    top: -477px;
    height: 137px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(480) {
    left: 4820px;
    top: -470px;
    height: 56px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(481) {
    left: 4830px;
    top: -548px;
    height: 95px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(482) {
    left: 4840px;
    top: -474px;
    height: 140px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(483) {
    left: 4850px;
    top: -536px;
    height: 141px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(484) {
    left: 4860px;
    top: -503px;
    height: 121px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(485) {
    left: 4870px;
    top: -501px;
    height: 80px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(486) {
    left: 4880px;
    top: -476px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(487) {
    left: 4890px;
    top: -487px;
    height: 127px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(488) {
    left: 4900px;
    top: -531px;
    height: 127px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(489) {
    left: 4910px;
    top: -462px;
    height: 99px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(490) {
    left: 4920px;
    top: -476px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(491) {
    left: 4930px;
    top: -529px;
    height: 88px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(492) {
    left: 4940px;
    top: -455px;
    height: 129px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(493) {
    left: 4950px;
    top: -548px;
    height: 61px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(494) {
    left: 4960px;
    top: -470px;
    height: 54px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(495) {
    left: 4970px;
    top: -458px;
    height: 133px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(496) {
    left: 4980px;
    top: -527px;
    height: 128px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(497) {
    left: 4990px;
    top: -475px;
    height: 91px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(498) {
    left: 5000px;
    top: -478px;
    height: 102px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(499) {
    left: 5010px;
    top: -527px;
    height: 149px;
    animation: fall_heavey 7000ms linear infinite;
  }

  .rain_heavy .drops:nth-child(500) {
    left: 5020px;
    top: -514px;
    height: 138px;
    animation: fall_heavey 7000ms linear infinite;
  }

  @keyframes fall_heavey {
    0% {
      transform: translateY(0px);
    }

    70% {
      transform: translateY(0px);
    }

    100% {
      transform: translateY(1500px);
      opacity: 0.5;
    }
  }
</style>
